+++ WEB DESIGN UPDATE. - Volume 21, Issue 30, January 18, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 30 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: EVALUATION & TESTING. 04: EVENTS. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: TOOLS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. All of Learn Accessibility! is Available By Alexandra White. "All modules in the Learn Accessibility course are now available. Written by Carie Fisher, these courses take you through the essentials for building accessible websites and web apps…" https://web.dev/learn-accessibility-available/ Top 5 Accessibility Issues in 2022 By Larene Le Gassick. "Our top 5 failures are ordered by the percentage of audits with critical issues for that success criteria. If we included issues of all severities, the top 5 WCAG 2.1 failures below, appear in at least 85% of all audits…" https://intopia.digital/articles/top-5-critical-accessibility-issues-in-2022/ Hello PDF, Goodbye Accessibility By Ruben Ferreira Duarte. "Access to content is more important than format… PDFs, although a very popular and extremely useful file format (it's true), are terrible for accessibility…" https://uxdesign.cc/hello-pdf-goodbye-accessibility-6baa31e78972 A Future Where XR is Born Accessible By PEATWorks. "The Accessibility Playbook for Emerging Technology Initiatives…" https://www.peatworks.org/futureofwork/a-future-where-xr-is-born-accessible/ Do No Harm Guide: Centering Accessibility in Data Visualization (PDF) Edited by Jonathan Schwabish, Sue Popkin, and Alice Feng. "Every day we are inundated with tables, graphs, charts, and maps explaining everything, including the unemployment rate, COVID-19 vaccination rates, baseball home run launch velocities, and our investment portfolios. When made well, data visualizations can help readers and users find insights and make discoveries. When made poorly, they obfuscate, mislead, or make it difficult for people to use them effectively…" https://www.urban.org/sites/default/files/2022-12/Do%20No%20Harm%20Guide%20Centering%20Accessibility%20in%20Data%20Visualization.pdf Closed Captions And Subtitles UX By Vitaly Friedman. "Captioning can be much more than text. Design patterns for better UX of subtitles, captions, video players, transcripts and on-screen text…" https://www.smashingmagazine.com/2023/01/closed-captions-subtitles-ux/ +02: CASCADING STYLE SHEETS. Foundations: Visible Focus Styles By Joe Lamyman. "Visible focus styles help us to understand which part of a web page we may be interacting with. You may have seen visible focus styles appear as an outline around a link or a button for example. For people who only use a keyboard to navigate the web, visible focus styles may be one of the few ways to understand where they are in a page and what it is that they are interacting with…" https://tetralogical.com/blog/2023/01/13/foundations-visible-focus-styles/ Day 78: Container Query Units By Manuel Matuzović. "Container queries come with their own units…" https://www.matuzo.at/blog/2023/100daysof-day78/ Line Heights in CSS Work Better With Ratios By Andy Bell. "Say you've got this CSS and you need to set a nice, compact line height…" https://andy-bell.co.uk/line-heights-in-css-work-better-with-ratios/ Minimal Dark Mode Styling By Eric A. Meyer. "Spurred by a toot in reply to a goofy dev joke I made, I've set up a dirty-rough Dark Mode handler for meyerweb…" https://meyerweb.com/eric/thoughts/2023/01/16/minimal-dark-mode-styling/ CSS Nesting is Coming By Álvaro Montoro. "Browsing caniuse.com the other day, I found a pleasant surprise: a little green flag in a red box for a feature I'd been waiting for a long time. CSS nesting will soon be supported on Chrome…" https://alvaromontoro.com/blog/68023/css-nesting-is-coming +03: EVALUATION & TESTING. Antipersonas in UX (Video) By Sara Ramaswamy. "Antipersonas represent people who could misuse your product in ways that negatively impact target users and the business. Formalizing a description of the 8 aspects of an antipersonas can help a design team mitigate such risks." https://www.nngroup.com/videos/antipersonas/ Applying Rasch Analysis to UX Research By Jeff Sauro and Jim Lewis. "How do we know what a good measure is…" https://measuringu.com/applying-rasch-analysis-to-ux-research/ +04: EVENTS. A New Way to Connect: Intergenerational VR Experiences January 19, 2023 4:00 AM CST. Online https://www.meetup.com/a11ytokyo/events/290554070/ Making Digital More Sustainable with Gerry McGovern January 24, 2023. Online https://register.gotowebinar.com/register/8219319336566335837 Annotating Designs for Accessibility February 9, 2023. Online https://intopia.digital/articles/intopia-webinar-annotating-designs-for-accessibility/ Jacobus tenBroek Disability Law Symposium March 23-24, 2023. Baltimore, Maryland, U.S.A. https://nfb.org/programs-services/legal-program/jacobus-tenbroek-disability-law-symposium TheWebConf 2023 April 30-May 4, 2023. Austin, Texas, U.S.A. https://www2023.thewebconf.org/ National ADA Symposium May 21-24, 2023. Kansas City, Missouri, U.S.A. http://www.adasymposium.org/ +05: JAVASCRIPT. State of JS Survey 2022 By Sacha Greif and Eric Burel. "After years of relative stability, many are now beginning to question the status quo…" https://2022.stateofjs.com/en-US/ Four Ways to Chop Up Arrays (with Vanilla JavaScript) By Chris Ferdinandi. "Over the last few days, we've looked at how to modify and filter arrays. Today, we're going to look at how to chop them up into pieces…" https://gomakethings.com/four-ways-to-chop-up-arrays-with-vanilla-javascript/ How to Sort Arrays (with Vanilla JavaScript) By Chris Ferdinandi. "Today, we're going to look at how you can sort and reorder items in an array using vanilla JavaScript…" https://gomakethings.com/how-to-sort-arrays-with-vanilla-javascript/ Promises, Thenables, and Lazy-evaluation: What, Why, How By Austin Gil. "JavaScript Promises evaluate eagerly, but sometimes that's a problem. This post covers why and how to create custom lazy-evaluating promises…" https://austingil.com/lazy-promises/ +06: MISCELLANEOUS. The Toxic Culture of the Quick Win By Gerry McGovern. "Management wants some quick wins, so we don't have time to do proper analysis. We'd like to but, you know, unless you can show us some low-hanging fruit, we wouldn't be able to embrace your approach… Speed kills. It kills quality. It kills long-term thinking and planning. We must slow down." https://gerrymcgovern.com/the-toxic-culture-of-the-quick-win/ +07: TOOLS. Are Ya Hidden? (Bookmarklet) By Ian Lloyd. "* Blacks out all elements on a page that have aria-hidden="true", indicating what the experience might be like for assistive technology (AT) users. * It also looks for elements that have been visually hidden and attempts to restore them visually. Why? Because sometimes elements hidden to AT have associated text that is visibly hidden, so that blacked out text may have an alternative that is not immediately obvious." https://a11y-tools.com/bookmarklets/#areyahidden Text Spacing Editor (Chrome Extension) By zmrhal.j. "A tool for editing text spacing properties on the website. WCAG conformance values included. This extension allows you to set custom values for the following text spacing properties: Line height, letter spacing, word spacing, and paragraph spacing. You can use it also as a way of testing the WCAG success criterion 1.14.12 - Text Spacing." https://chrome.google.com/webstore/detail/text-spacing-editor/amnelgbfbdlfjeaobejkfmjjnmeddaoj +08: USABILITY. Mobile UX: Study Guide By Raluca Budiu. "Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users' needs and online behaviors." https://www.nngroup.com/articles/mobile-ux-study-guide/ Groupthink in UX Work By Samhita Tankala. "Groupthink is the human tendency to follow the opinion of the majority. This instinct can save time but can also lead us on the wrong path." https://www.nngroup.com/articles/groupthink-in-ux/ Stop Solutioneering (UX Slogan # 18) (Video) By Maria Rosala. "UX designers and engineering teams are often too quick to propose solutions, without understanding the problem (or even if there is a problem at all). Ask questions first, before jumping to a solution." https://www.nngroup.com/videos/stop-solutioneering/ Design-Pattern Guidelines: Study Guide By Alita Joyce and Samhita Tankala. "Unsure how to design and implement user-interface patterns? Use this collection of links to our content about specific patterns." https://www.nngroup.com/articles/design-pattern-guidelines/ [Section one ends.] ++ SECTION TWO: +09: 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.]