+++ WEB DESIGN UPDATE. - Volume 21, Issue 42, April 12, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 42 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: JAVASCRIPT. 09: STANDARDS, GUIDELINES & PATTERNS. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Don't Override Screen Reader Pronunciation By Adrian Roselli. "…efforts can make interfaces and content harder to use and, in some cases, inaccessible…" https://adrianroselli.com/2023/04/dont-override-screen-reader-pronunciation.html Foundations: Accessible Names and Descriptions By Henny Swan. "…In this post we explore assigning accessible names and descriptions using HTML and WAI-ARIA…" https://tetralogical.com/blog/2023/04/05/accessible-names-and-descriptions/ Establishing Metrics for Accessibility ROI By Karl Groves. "This post is a follow-up to my prior article titled 'Understanding the cost of not being accessible'. If you haven't read that one, then this one will make a lot less sense, so please check that one out first…" https://karlgroves.com/establishing-metrics-for-accessibility-roi/ The Alt Text War! SEO VS Accessibility By Raghavendra Satish Peri. "There is always a cold war between different compartments of digital world and accessibility…" https://www.digitala11y.com/the-alt-text-war-seo-vs-accessibility/ Designing for Reduced Motion By Lupe Camacho. "…While the emphasis is on the presence of motion, it's just as important to consider the reduced-motion experience during design and development…" https://craftcms.com/blog/designing-for-reduced-motion Effects of Visual Communication Design Accessibility (VCDA) Guidelines for Low Vision on Public and Open Government Health Data By Jongho Lim, Woojin Kim, Ilkon Kim, and Eunjoo Lee. "…This study developed VCDA guidelines for people with low vision as a method to enhance visual information recognition speed for this population…" https://www.mdpi.com/2227-9032/11/7/1047 How a Maryland Lawsuit Could Turn the Accessibility World Upside Down By Sheri Byrne-Haber. "Serial Plaintiffs have been a mainstay of the slow march towards accessibility…" https://www.linkedin.com/comm/pulse/how-maryland-lawsuit-could-turn-accessibility-world-sheri Accessibility vs Emojis By Camryn Manker. "…In order to use emojis in a way that are beneficial to everyone, I'm going to give you a few tips on how to use them. At an emojis best, they can add fun and context to a post or message. At their worst, they can cause frustration and abandonment…" https://uxdesign.cc/accessibility-vs-emojis-ec17fddb07ec +02: CASCADING STYLE SHEETS. Emoji Lists, The Good Way? By Chris Coyier. "I read some accessibility advice recently: don't make lists where the bullet for each item is an emoji. I think they were saying it is just… annoying. I generally find it annoying visually, so I imagine it's more so when you have to wait for emojis to be described…" https://chriscoyier.net/2023/04/07/emoji-lists-the-good-way/ CSS Text Balancing with text-wrap:balance By Ahmed Shadeed. "Have you ever wished there is a native way in CSS to make two lines headlines consistent in the number of words per line…" https://ishadeed.com/article/css-text-wrap-balance/ What's a Basic Use Case for Cascade Layers in CSS? By Chris Coyier. "Say you pull in Bootstrap (or any other grab-and-go CSS library) something like…" https://chriscoyier.net/2023/04/10/whats-a-basic-use-case-for-cascade-layers-in-css/ What's New in CSS? (2022.03.23 @ DevDay) By Bramus Van Damme. "Last month I was at DevDay in Mons, Belgium. One of the talks I gave covered all the recent and new stuff that's coming to CSS…" https://www.bram.us/2023/04/08/whats-new-in-css-2022-03-23-devday/ +03: COLOR. Chasing Rainbows By Andy Baio. "Apparently, the very idea of colorblindness is hard to visualize. Take a shot at looking through my eyes…" https://www.theverge.com/23650428/colorblindness-design-ui-accessibility-wordle +04: EVALUATION & TESTING. The System Usability Scale (SUS) (Video) By Raluca Budiu. "The SUS is a well-established 10-question survey administered at the end of a user test; it gives you a measure of the perceived usability of your product and enables you to compare it with others." https://www.nngroup.com/videos/system-usability-scale/ Protecting Participant Data: 6 Best Practices (Video) By Samhita Tankala. "Research participants are more vulnerable than ever as researchers conduct remote usability tests, use third-party applications, and store data online. Protect participant privacy by adhering to best practices before, during, and after data collection." https://www.nngroup.com/videos/protecting-participant-data/ 13 Tips for Running a Successful Rolling Research Program By Jeff Sauro, Christopher Roberts, Kelly Palmer, and Jim Lewis. "While the term Lean UX has faded in popularity, many of the lean concepts remain, and they are even incorporated into other frameworks such as Agile…" https://measuringu.com/rolling-research-13-tips/ +05: EVENTS. University of Illinois Web Con April 12-14, 2023. Online https://webcon.illinois.edu/ arXiv Accessibility Forum 2023 April 17, 2023. Online https://accessibility2023.arxiv.org/ Accessibility, Product, and UX Spring Fling Mixer April 19, 2023. Akron, Ohio, U.S.A. https://www.meetup.com/cleveland-accessibility-meetup/events/292371354/ Scaling an Accessibility Team April 27, 2023. San Francisco, California, U.S.A. https://www.meetup.com/a11ybay/events/292714582/ Rachel Andrew - When New CSS Features Collide April 27, 2023, Online https://www.meetup.com/css-cafe/events/292722256/ Top Tasks Overview with Gerry McGovern May 10, 2023. Online https://register.gotowebinar.com/register/1636667468046488927 Achieving Digital Accessibility with a Global Team (GAAD) May 18, 2023. Online https://www.meetup.com/accessibility-twin-cities/events/292530616/ +06: HTML. New HTML Element: search By Álvaro Montoro. "HTML is a living language in constant evolution. The latest addition has been a new semantic element for search operations…" https://alvaromontoro.com/blog/68033/new-html-element-search +07: JAVASCRIPT. How to Convert Numbers Into Currency Strings With Vanilla JavaScript and the Internationalization API By Chris Ferdinandi. "The Intl object is the parent object for a handful of objects that comprise the Internationalization API.…" https://gomakethings.com/how-to-convert-numbers-into-currency-strings-with-vanilla-javascript-and-the-internationalization-api/ +08: MISCELLANEOUS. What Makes a Good Screenshot? By Ian Lloyd. "If you're in the business of logging faults-whether that is in the field of accessibility (as I assume most of the readers of this blog will be) or any other industry where you may need to report bugs of some kind in apps or websites-you will probably have been asked to include screenshots at some point…" https://www.tpgi.com/what-makes-a-good-screenshot/ +09: STANDARDS, GUIDELINES & PATTERNS. Know Your Standards By Steve Faulkner. "Updated 05/04/2023. Regularly people link to or quote from some outdated version of a specification. This can be confusing and detrimental to understanding, if the information is no longer correct or relevant…" https://html5accessibility.com/stuff/2020/11/24/know-your-standards/ +10: USABILITY. Checkout Usability: Autodetect 'City' and 'State' Inputs Based on the User's Postal Code (28% of Mobile Sites Don't) By Edward Scott. "…'Fully Automatic Address Lookup' proved to be the most effective and efficient way to reduce the burden of entering address information." https://baymard.com/blog/zip-code-auto-detection +11: WEBWASTE & SUSTAINABILITY. 6 Steps To Reduce The Carbon Footprint Of Your Website By Mike Gifford. "Let's prioritize web sustainability and work together to create a more sustainable digital future…" https://opensource.com/article/23/3/reduce-carbon-footprint-website [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.]