+++ WEB DESIGN UPDATE. - Volume 22, Issue 13, September 20, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 13 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 11: USABILITY. 12: WEBWASTE & SUSTAINABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. WCAG 2.2 - An Overview of the New Accessibility Guidelines (Video) By Melanie Philipp and Wilco Fiers. "…Our goal here is to provide a brief background on WCAG, introduce you to the new WCAG 2.2 success criteria, highlight some information about WCAG and regulations and the future of WCAG, and wrap up with some questions and answers…" https://www.youtube.com/watch?v=beJowbI38wI Transcript: https://153358.fs1.hubspotusercontent-na1.net/hubfs/153358/WCAG%202.2%20-%20An%20Overview%20of%20the%20New%20Accessibility%20Guidelines.txt Slides (PDF): https://accessibility.deque.com/hubfs/WCAG%202.2%20Webinar%20Slides.pdf Expanding Your Touch Targets By Nicole Sullivan. "When developers create a website, an important concern is that the tap targets are sufficiently big for all different kinds of input devices…" https://www.stubbornella.org/2023/09/17/expanding-your-touch-targets/ Accessibility and Inclusivity: Study Guide By Tanner Kohler. "Unsure where to start? Use this collection of links to our articles and videos to learn more about accessible and inclusive design." https://www.nngroup.com/articles/accessibility-inclusivity-study-guide/ How To Make A Strong Case For Accessibility By Vitaly Friedman. "With things to keep in mind, strategies and practical techniques to convince stakeholders to support and promote accessibility efforts…" https://smart-interface-design-patterns.com/articles/accessibility-strong-case/ Whataboutism By Todd Libby. "The amount of ego doesn't surprise me when the conversation of accessible code arises…" https://dev.to/colabottles/whataboutism-3mj2 Ableist Interactions By Hidde de Vries. "…a product launched and claimed to generate 'production ready' code. But it also generates code with accessibility problems, which contradicts 'production ready'. When someone called this out publicly, a community showed itself from its worst side. What can we learn?…" https://hidde.blog/interactions-about-accessibility/ Joint Letter From DOJ and ED Signals Increased Scrutiny of Online Accessibility for Institutions of Higher Education By Scott Goldschmidt, Katie Kraft, and Stephanie Cohan. "…By including a section detailing enforcement actions in the Letter, DOJ and OCR are likely signaling that the enforcement of website accessibility laws will be a priority for the Biden Administration, and that it will not shy away from enforcement actions…" https://www.thompsoncoburn.com/insights/blogs/regucation/post/2023-09-11/joint-letter-from-the-u.s.-departments-of-justice-and-education-signals-increased-scrutiny-of-online-accessibility-for-institutions-of-higher-education California AB 1757 is (Currently) Unfit for Duty By Karl Groves. "If you're involved in the field of web accessibility and follow laws and regulations relating to accessibility, California AB 1757 looks like something to celebrat…" https://karlgroves.com/california-ab-1757-is-currently-unfit-for-duty/ +02: CASCADING STYLE SHEETS. CSS Containers, What Do They Know? (Video) By Miriam Suzanne. "How did Container Queries go from 'impossible' to 'shipping' after so many years? How do we use them, and what hidden powers do they have? What are CSS containers, and what queries can they respond to? Let's find out…" https://www.youtube.com/watch?v=-Fw8GSksUIo How Custom Property Values are Computed By Stephanie Eckles. "Custom properties - aka 'CSS variables' - seem fairly straightforward. However, there are some behaviors to be aware of regarding how the browser computes the final values…" https://moderncss.dev/how-custom-property-values-are-computed/ 1-Minute CSS Tip: Accent Colors By Álvaro Montoro. "Learn about the accent-color CSS property and how it can improve user experience and accessibility…" https://alvaromontoro.com/blog/68040/one-minute-css-tip-accent-color Nuclear Anchored Sidenotes By Eric A. Meyer. "Exactly one year ago today, which I swear is a coincidence I only noticed as I prepared to publish this, I posted an article on how I coded the footnotes for The Effects of Nuclear Weapons…" https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/ +03: DRUPAL. Why Drupal 10 (Video) By Martin Anderson-Clutz. "There's lots to be excited about in Drupal 10 and Drupal 10.1 was just released, boasting tons of new features, including tech upgrades that help developers build better, automatic updates that make life way easier, a fresh admin experience that content editors will love and Drupal's most accessible default theme ever. This talk will explore the new and improved features just released, and how to make the most of them, as well as some other exciting functionality the community is working on…" https://www.youtube.com/watch?v=m32xkmy8_EY Pattern Lab and Drupal Within a Higher Education Environment (Video) By Eric Bremner. "During this presentation Eric will present how the University of Waterloo is using Pattern Lab as a living style guide and design template for their Drupal instance…" https://www.youtube.com/watch?v=w5sU9A5XwRI Dries Buytaert Q&A (Video) By Dries Buytaert. "Dries answers questions submitted by the Evolving web and Drupal community." https://www.youtube.com/watch?v=ujJW8XOSjRo +04: EVALUATION & TESTING. Avoid Keyword Matching in Affinity Diagramming (Video) By Matt Brown. "Affinity diagramming seems easy, but there are a lot of ways to mess it up. Learn how to strengthen your affinity diagrams by avoiding keyword matching." https://www.nngroup.com/videos/avoid-keyword-matching/ User Interviews 101 By Maria Rosala and Kara Pernice. "User interviews help you learn who your users are, what their experiences are like, and what they need, value, and desire." https://www.nngroup.com/articles/user-interviews/ Unearthing the Hidden Costs: Exploring the Connection Between UX Debt and Usability Testing By Nomensa. "…UX debt refers to the collection of design and usability issues that accumulate over time in a product or system. It emerges when shortcuts are taken during the design and development process, leading to less than optimal user experiences. Whether intentional or not, UX debt reflects the long-term costs incurred when user experience considerations are neglected…" https://www.nomensa.com/blog/unearthing-the-hidden-costs-exploring-the-connection-between-ux-debt-and-usability-testing/ +05: EVENTS. Digital Accessibility and Civil Rights with Lainey Feingold October 17, 2023. Online https://www.meetup.com/a11ynyc/events/295911425 Advanced Modern CSS Masterclass with Manuel Matuzović November 27-December 11, 2023. Online https://smashingconf.com/online-workshops/workshops/modern-css-manuel-matuzovic/ Assistive Technology Industry Association (ATIA) January 25-27, 2024. Online and Orlando, Florida, U.S.A. https://www.atia.org/atia-2024/ THAT Conference January 29-February 1, 2024. Round Rock, Texas, U.S.A. https://that.us/events/tx/2024/ +06: HTML. Improvements to Accessibility of details/summary By David Baron. "…The goal of this document is to: * describe existing issues with accessibility of the HTML details and summary elements, and * lead to discussions needed to fix those issues enough that we can recommend wide usage of the details and summary elements for use as disclosure and accordion widgets." https://docs.google.com/document/d/1IO5m67Ngw_J1OmNBdzGhB7Rd7B-9vcuQWtrGaeovsJE/ +07: INFORMATION ARCHITECTURE. Avoid Keyword Matching in Affinity Diagramming (Video) By Matt Brown. "Affinity diagramming seems easy, but there are a lot of ways to mess it up. Learn how to strengthen your affinity diagrams by avoiding keyword matching." https://www.nngroup.com/videos/avoid-keyword-matching/ +08: JAVASCRIPT. Arrow Functions vs. Traditional Functions in JavaScript (Video) By Chris Ferdinandi. "…one question that comes up a lot is when you should use Arrow functions versus traditional function…" https://www.youtube.com/watch?v=cjEkfhGVkkos How to Copy and Replace a Value in an Array With the New Array.prototype.with() JavaScript Method By Chris Ferdinandi. "This week, we're looking at new Array methods in the ES2023 version of vanilla JavaScript…" https://gomakethings.com/how-to-copy-and-replace-a-value-in-an-array-with-the-new-array.prototype.with-javascript-method/ Multi-page Web Apps By Jeremy Keith. "…The default approach should be to assume a multi-page approach (which is the way the web works by default). Deciding to take a JavaScript-driven single-page approach should be the exception…" https://adactio.com/journal/20442 +09: MISCELLANEOUS. Google Gets Its Way, Bakes a User-Tracking Ad Platform Directly Into Chrome By Ron Amadeo. "Chrome now directly tracks users, generates a "topic" list it shares with advertisers…" https://arstechnica.com/gadgets/2023/09/googles-widely-opposed-ad-platform-the-privacy-sandbox-launches-in-chrome/ +10: USABILITY. Are 3D Graphs Always Worse Than 2D Graphs? By Jim Lewis, Jeff Sauro, and Will Schiavone. "…we searched the literature for data supporting the use or avoidance of 3D graphs…" https://measuringu.com/is-3d-worse-than-2d/ Primacy Effect: Put Important Things First (Video) By Caleb Sponheim. "The primacy effect influences how user perceive and remember your designs. Learn how to work with it to create more effective experiences." https://www.nngroup.com/videos/primacy-effect/ +11: WEBWASTE & SUSTAINABILITY. New Web Sustainability Guidelines Report By Alexander Dawson & Tim Frick. "We're excited to share that a draft report of this group's Web Sustainability Guidelines (WSGs) has been published…" https://www.w3.org/community/sustyweb/2023/09/07/web-sustainability-guidelines/ Web Sustainability Guidelines By Andy Blum. "…I've taken some time to read through this document, and while I'd suggest you read it as well, here are my initial reactions…" https://andy-blum.com/articles/web-sustainability-guidelines/ How Enabling Caching Speeds Up Your Website By Mightybytes. "In this post, we explain how to cache website assets using HTTP headers and caching software. Read on to learn how caching can speed up your website.…" https://www.mightybytes.com/blog/enable-caching/ Sustainability and Tech and Us By Jens Oliver Meiert. "I'm about to finish Gerry McGovern's excellent book, World Wide Waste…" https://meiert.com/en/blog/sustainability-and-tech-and-us/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html WebWaste & Sustainability Information. https://www.d.umn.edu/itss/training/online/webdesign/webwaste.html XML Information. https://www.d.umn.edu/itss/training/online/webdesign/xml.html [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html The Web Design Reference Site also has a RSS 2.0 feed for site updates. + TEXT EMAIL NEWSLETTER (TEN). As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit: http://www.headstar.com/ten + SIGN OFF. Until next time, Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN U.S.A. 55812-3009 mailto:lcarlson@d.umn.edu [Issue ends.]