+++ WEB DESIGN UPDATE. - Volume 20, Issue 47, May 18, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 47 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. 08: MISCELLANEOUS. 09: TOOLS. 10: TYPOGRAPHY. 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. and WCAG 3 Status Updates By Rachael Bradley Montgomery. "As a co-chair of the Accessibility Guidelines Working Group (AGWG), I often read social media posts about the Web Content Accessibility Guidelines (WCAG) with concern…" https://www.linkedin.com/pulse/wcag-22-3-status-updates-rachael-bradley-montgomery/ Why WCAG 2.2 is Still in the Oven By Wilco Fiers. "…Firstly, getting it right just takes a lot of time and effort…" https://www.deque.com/blog/why-wcag-2-2-is-still-in-the-oven/ WCAG 2.2 is Delayed Again and I'm Ok with That By Daniel Berryhill. "…feedback contributors are engaged and vocal. Of course, that can also lead to long, drawn-out debates and may slow down progress…" https://uxdesign.cc/wcag-2-2-is-delayed-again-and-im-ok-with-that-bd3066e56985 More Common Accessibility Issues That You Can Fix Today By Hidde de Vries. "…Missing focus states… Missing captions and transcriptions… Invalid HTML… Headings that don't describe their section… Can't do all things with just a keyboard…" https://hidde.blog/more-common-a11y-issues/ Designing for Web Accessibility in 60 Seconds By David A. Kennedy. "You design on the web for a living, and want to put accessibility first. Let's do this…" https://davidakennedy.com/blog/accessible-design-in-60-seconds/ Open Accessibility Standards By Paul J. Adam. Content and slides from Paul's Access U's presentation, "Building Internal Accessibility Standards for Designers & Developers" is available. http://pauljadam.github.io/a11y-standards/index.html 2 Approaches to Accessibility on the Web By Jens Oliver Meiert. "There may be other classifications, but one can distinguish two approaches to accessibility on the Web…" https://meiert.com/en/blog/active-and-passive-accessibility/ Keyboard Testing: The A11y Enhancement to Your Definition of Done By Mark Steadman. "Accessibility has always had a tough time being a part of the definition of done in web development…" https://dev.to/steady5063/keyboard-testing-the-a11y-enhancement-to-your-definition-of-done-2n7c Debugging Accessibility with Chrome DevTools By Cynthia Shelly. "Learn how new features in Chrome DevTools can help you understand how accessibility works (or doesn't work!) in a web application. Find out how to track down what's causing an issue and fix it…" https://www.youtube.com/watch?v=Th-nv-SCj4Q Towards a Dubbing and Audio Description Exchange Format By Nigel Megitt. "W3C has begun work on an open standard exchange format for audio description and dubbing scripts and wants interested people to review the draft requirements first published on 2022-05-10…" https://www.w3.org/blog/2022/05/towards-a-dubbing-and-audio-description-exchange-format/ Card Designs and Selectable Text By Julie Grundy. "…two potential user groups do rely on selectable text. In some recent usability testing, Andrew Arch had two users who tried to select text on a card component. The first has dyslexia, the second has low vision…" https://intopia.digital/articles/card-designs-and-selectable-text/ Global Accessibility Awareness Day 2022: Three Ways You Can Participate By Deborah Edwards-Oñoro. "Thursday, May 19, 2022 marks the eleventh anniversary of Global Accessibility Awareness Day (GAAD), the annual worldwide event to raise awareness about digital accessibility…" https://www.lireo.com/global-accessibility-awareness-day-2022-three-ways-you-can-participate/ Takeaways from Inclusive Design in the Heart of the Organization By Deborah Edwards-Oñoro. "At Ability Summit 2022, Christina Mallon, director of inclusive design at Microsoft facilitated a panel discussion with Bas Korsten, global chief creative officer at Wunderman Thompson, Sinead Burke, CEO and founder of Tilting the Lens, and KR Liu, head of brand accessibility at Google…" https://www.lireo.com/takeaways-from-inclusive-design-in-the-heart-of-the-organization/ An Evening with Molly Holzschlag (Video) By Knowbility. "…Join Knowbility in welcoming Molly's return to the world stage to kick off AccessU 2022 - our first in person gathering since 2019. Molly will share her insights, philosophy and hopes for the future of the web and our human communities…" https://www.youtube.com/watch?v=Y-0xdaH2mvg +02: CASCADING STYLE SHEETS. State of CSS in 2022 By Adam Argyl. "Web styling features of today and tomorrow, as seen at Google IO 2022, plus some extras…" https://web.dev/state-of-css-2022/ +03: DRUPAL. Portland DrupalCon 2022 Keynote (Video) By Dries Buytaert. Dries' provides insights into of how automatic updates will work in Drupal 10, including code samples and discussions around the decision-making process for the ongoing development and rollout of enhanced features and capabilities. https://www.youtube.com/watch?v=Ig676RzJbLo How to Audit PDFs for 508 at Scale (Video) By Lauren Maffeo. Lauren's DrupalCon Portland 2022 presentation explains how a large government agency improved the accessibility of a huge PDF collection during its migration to Drupal 9. https://www.youtube.com/watch?v=YhZVu-59D78 Optimizing the Haystack: Improving Findability in Content-Heavy Websites (Video) By Sam Zimmerman, Michele Ann Jenkins, and Sujatha Varadharajan. This DrupalCon Portland 2022 presentation provides a discussion on how to mitigate the taxonomy tangle that can happen in expansive, content-heavy sites. https://www.youtube.com/watch?v=RNMvfyp7DR0 Elevating Search Results with Solr 7 (Video) By Bruce Yuen. Bruce's DrupalCon Portland 2022 focuses on using the elevate.xml configuration file to gain more control over a site's search results. https://www.youtube.com/watch?v=bBOuNjIJrlE +04: EVALUATION & TESTING. Personas vs. Archetypes By Page Laubheimer. "Archetypes and personas used for UX work contain similar insights, are based on similar kinds of data, and differ mainly in presentation. Personas are presented as a single human character, whereas archetypes are not tied to specific names or faces." https://www.nngroup.com/articles/personas-archetypes/ UX and NPS Benchmarks of News Websites (2022) By Jeff Sauro, Dylan Atkins, and Jim Lewis. "…We computed SUPR-Q and Net Promoter scores, investigated reasons for using the websites, measured users' attitudes regarding their experiences, conducted key driver analyses, and analyzed reported usability problems…" https://measuringu.com/news-benchmark-2022/ Writing Prototype Usability Testing Tasks By Darienne Jordan. "When it comes to prototype usability testing, it's crucial to get accurate feedback and data so you can move forward in the UX design process…" https://www.trymyui.com/blog/2022/05/11/prototype-usability-testing-tasks/ +05: EVENTS. Create More Accessible Data Experiences June 2, 2022. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0A3p0000186mugEAA Intro to Audio Description August 11, 2022. Online https://go.3playmedia.com/wbnr-08-11-2022-ad SmashingConf Freiburg 2022 September 5-7, 2022, Freiburg, Germany https://smashingconf.com/freiburg-2022 +06: HTML. Re: Mandatory Fields By Russ Weakley. "All mandatory form fields should be: * Programmatically identifiable * Visually identifiable…" https://lists.w3.org/Archives/Public/w3c-wai-ig/2022AprJun/0071.html What's Your Heading? By Todd Libby. "I audit a lot of Web sites for accessibility and lately I have been seeing a lot of sites that skip heading levels. Heading levels are crucial for accessibility and for readability. I'll explain why…" https://dev.to/colabottles/whats-your-heading-2eak Divs are Bad! By Manuel Matuzović. "…The issue with divs is not the quantity, although a large DOM can affect performance negatively, and an unnecessarily large document is harder to read and debug. The real problem is the placement. If you put a div in the wrong place, it can have serious negative side effects…" https://www.matuzo.at/blog/2022/divs-are-bad/ +07: JAVASCRIPT. Does Javascript Make My Site Less Accessible? By Bureau of Internet Accessibility. "…No - in fact, in a 2021 survey performed by WebAIM (Web Accessibility in Mind), 99.4% of screen reader users said that they browsed the web with JavaScript enabled. With that said, you'll need to consider the experiences of users with disabilities when deciding whether to use JavaScript. Here are a few considerations to keep in mind…" https://www.boia.org/blog/does-javascript-make-my-site-less-accessible +08: MISCELLANEOUS. Privacy Principles Robin Berjon and Jeffrey Yasskin editors. "Privacy is an essential part of the Web ([ETHICAL-WEB]). This document provides definitions for privacy and related concepts that are applicable worldwide. It also provides a set of privacy principles that should guide the development of the Web as a trustworthy platform. People using the Web would benefit from a stronger relationship between technology and policy, and this document is written to work with both…" https://www.w3.org/TR/2022/DNOTE-privacy-principles-20220512/ W3C TAG Ethical Web Principles Daniel Appelquist, Hadley Beeman, and Amy Guy editors. "The web should be a platform that helps people and provides a positive social benefit. As we continue to evolve the web platform, we must therefore consider the consequences of our work. The following document sets out ethical principles that will drive the W3C's continuing work in this direction…" https://www.w3.org/TR/2022/DNOTE-ethical-web-principles-20220512/ ClearSpec Update By Philippe Le Hégaret and Marcos Cáceres. "…update on the ClearSpec project which aims to help differentiate between the different types of documents that are manipulated within or around W3C in terms of web specifications…" https://www.youtube.com/watch?v=gEWj2ASttUs On Design Thinking By Nick Foster. "Design Thinking is dead - so the majority of my peers claim - yet there it is, smeared all over LinkedIn, peeking out from job descriptions and lurking in resumés…" https://scribe.rip/@fosta/on-design-thinking-8426ecf328b3 +09: TOOLS. 24×24 Pixel Cursor Bookmarklet By Adrian Roselli. "…I have made a bookmarklet that will turn your cursor into a 24 × 24 pixel square (back in April but forgot to post it), which may help in building and testing conformance with the proposed 2.5.8 Success Criterion…" https://adrianroselli.com/2022/05/24x24-pixel-cursor-bookmarklet.html +10: TYPOGRAPHY. COLRv1 and CSS font-palette: Web Typography Gets Colorful By Ollie Williams. "According to Toshi Omagari, the author of Arcade Game Typography, the world's first multi-colored digital font was created in 1982 for a never-released video game called Insector…" https://css-tricks.com/colrv1-and-css-font-palette-web-typography/ +11: USABILITY. You Can't Impose Joy (UX Slogan #3) (Video) By Jakob Nielsen. "Some UX designers (and many clients) aim to "jazz up" the design to supposedly engage users. This usually backfires because extraneous design elements get in the way of users' tasks." https://www.nngroup.com/videos/you-cant-impose-joy-ux-slogan-3/ Journey Mapping vs. Story Mapping (Video) By Anna Kaley. "How does a user story map differ from a customer journey map? A journey map is from the perspective of the person's experience, whereas a story map is from the perspective of the product and what it takes to deliver the user experience." https://www.nngroup.com/videos/journey-mapping-vs-story-mapping/ Designers, (Re)define Success First By Lennart Overkamp. "Designing ethically may sound daunting at first, but Lennart Overkamp sets forth a template for engaging stakeholders around new priorities, exploring objectives that span from individual to global impacts, and finally measure their effects." https://alistapart.com/article/redefine-success-first/ +12: WEBWASTE & SUSTAINABILITY. Cheap Electronics Costs the Earth By Gerry McGovern. "Electronic materials have become so cheap, so small and so tightly bound together through planned obsolescence design practices, that their end-of-life value is negligible. The result is that fewer than 20% of digital devices are recycled…" https://gerrymcgovern.com/cheap-electronics-costs-the-earth/ [Section one ends.] ++ SECTION TWO: +13: 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.]