+++ WEB DESIGN UPDATE. - Volume 20, Issue 41, April 5, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 41 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: TOOLS. 07: USABILITY. 08: WEBWASTE & SUSTAINABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Cognitive Accessibility Design Patterns - New User Interface By W3C Web Accessibility Initiative. "Cognitive accessibility objectives and design patterns are now available as a set of web pages from Cognitive Accessibility Guidance list. The objectives and design patterns are 'supplemental guidance' to WCAG 2 as explained in About Supplemental Guidance…" https://www.w3.org/WAI/news/2022-03-31/new-format-coga-patterns/ WCAG AAA in Language I Can Understand By Martin Underhill. "In this final part of my makes-sense-to-Martin summary of the Web Content Accessibility Guidelines (WCAG), I cover the often hard to meet AAA rules (success criteria)…" https://www.tempertemper.net/blog/wcag-aaa-in-language-i-can-understand aria-labelledby Usage Notes By Steve Faulkner. "Like aria-label, aria-labelledby provides the opportunity for a developer to expose a short text string as the accessible name for an element. The mechanism to do so differs…" https://html5accessibility.com/stuff/2022/04/03/aria-labelledby-usage-notes/ Accessible Description Exposure By Adrian Roselli. "…this post is about how and where the accessible description is exposed by assorted screen readers, it has the added benefit of showing you where and how the accessible name is exposed as well.…" https://adrianroselli.com/2022/04/accessible-description-exposure.html Accessible Cards By Kitty Giraudel. "I was recently helping my partner and their team with implementing an accessible card component. I've iterated a few times on the demo I created until I realized that it might be worth a blog post to walk through it since there are quite a few things going on…" https://kittygiraudel.com/2022/04/02/accessible-cards/ Foolishly Responsive By Adrian Roselli. "Honoring April Fools' Day I have created a foolishly responsive accordion control…" https://adrianroselli.com/2022/04/foolishly-responsive.html Advancing Digital Accessibility in Academic and Workplace Education By Teach Access and Frontiers. "Teach Access is excited to be part of a new Frontiers Research Topic on digital accessibility education. The aim is to build capacity to support a collective commitment and shared responsibility for accessibility in the digital world. https://www.linkedin.com/feed/update/urn:li:activity:6914225494758449152/ and https://www.frontiersin.org/research-topics/34619/advancing-digital-accessibility-in-academic-and-workplace-education Making PowerPoint Decks More Accessible By Sheri Byrne-Haber. "An essential component to maximizing remote participation by people with disabilities…" https://sheribyrnehaber.medium.com/making-powerpoint-decks-more-accessible-edd3ca0dd816 Power BI: Accessibility Tips By Matthew Deeprose. "What can we do to make our Power BI reports more accessible? In this 20-minute presentation I explain the four principles of the Web Content Accessibility Guidelines and how they relate to the creation of Power BI reports…" https://matthewdeeprose.github.io/powerBI The 2022 WebAIM Million Report By Jared Smith. "The results of WebAIM's annual analysis of the home pages for the top one million web sites are now available." https://webaim.org/blog/webaim-million-2022/ How to Document Accessibility Issues - Part 2 By Jeff Singleton. "…There are two types of reporting for accessibility issues we are going to address: 1.) End User Reports Accessibility. 2.) Tester Reports…" https://convergeaccessibility.com/2022/03/28/how-to-document-accessibility-issues-part-2/ Legal Update: March 2022 By Ken Nakata. "March was a busy month at Converge Accessibility. In addition to DOJ issuing its disappointing guidance on web accessibility, there were also a few interesting legal cases to churn through…" https://convergeaccessibility.com/2022/04/04/legal-update-march-2022/ +02: CASCADING STYLE SHEETS. Start Using color-scheme CSS Property (Video) By CSS Weekly. "An introduction to color-scheme CSS property (and meta tag) which can change how native browser elements are rendered-in light or dark mode…" https://www.youtube.com/watch?v=nQzRTsjBXfQ What's New in @bramus/Specificity v2 By Bramus Van Damme. "…Yesterday, after 11 betas, version 2.0.0 of @bramus/specificity was released. Let's take a look…" https://www.bram.us/2022/03/31/calculate-the-specificity-of-a-css-selector-with-bramus-specificity-v2/ +03: EVALUATION & TESTING. Building a Fluent Assistive Technology Testing Pool to Improve Campus Digital Accessibility (PDF) By Kyle Shachmut and Amy Deschenes. "Usability testing that includes people who are fluent in assistive technology is an important way to ensure that digital products meet the needs of all users…" https://files.eric.ed.gov/fulltext/EJ1247072.pdf Top 3 Informational Interview Questions in UX by Mayya Azarova. "Informational interviews allow you to connect with users and other people and get a glimpse into their world and how and why they work. They serve as an informal research tool for learning about a new domain or role. https://www.nngroup.com/videos/top-3-informational-interview-questions-in-ux/ Creating Engaging Reports & Asynchronous Presentations By Rachel Krause. "To keep your stakeholders and team members engaged, incorporate storytelling techniques such as writing for your audience, adding anecdotes, and using analogies in your asynchronous research deliverables." https://www.nngroup.com/articles/engaging-reports-presentations/ +04: EVENTS. Information Architecture Conference (IAC22) April 18-23, 2022. Online http://www.theiaconference.com/ WAI-CooP Project Open Meeting April 19, 2022, 14:00-16:00 Central European Time. Online. https://lists.w3.org/Archives/Public/public-wai-announce/2022AprJun/0000.html Pixel Pioneers Bristol June 10, 2022. Bristol, England, United Kingdom https://pixelpioneers.co/events/bristol-2022 UX Conference June June 18-24, 2022. Online https://www.nngroup.com/training/june/ Exploring the ADA Web Guidelines July 25, 2022. Online https://www.meetup.com/Accessibility-Twin-Cities/events/284831865/ HighEdWeb 2022 Annual Conference October 9-12, 2022. Online and Little Rock, Arkansas, U.S.A. https://events.highedweb.org/heweb22 +05: JAVASCRIPT. Make Beautifully Resilient Apps With Progressive Enhancement By Austin Gil. "Ignoring progressive enhancement could be seriously hurting your conversions. This article will show you how to build resiliency into your apps…" https://austingil.com/resilient-applications-progressive-enhancement/ How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List By Manuel Matuzović. "Ever wondered how to build a paginated list that works with and without JavaScript? In this article, Manuel explains how you can leverage the power of Progressive Enhancement and do just that with Eleventy and Alpine.js…" https://www.smashingmagazine.com/2022/04/accessible-filterable-paginated-list-11ty-alpinejs/ +06: TOOLS. Tools from the Cambridge Engineering Design Centre By University of Cambridge. "This page links to some of the tools from the Inclusive Design Toolkit, produced by the Cambridge Engineering Design Centre. These tools can help designers, students and managers to better understand and address the needs of a wide range of users…" http://www.cedc.tools/ +07: USABILITY. Data Tables: Four Major User Tasks By Page Laubheimer. "Summary: "Table design should support four common user tasks: find records that fit specific criteria, compare data, view/edit/add a single row's data, and take actions on records." https://www.nngroup.com/articles/data-tables/ Stop Obsessing Over Features: Focus on User Goals to Solve Real Problems (Video) By Rachel Krause. "Focusing on shipping new features instead of solving customer problems results in products and services that don't serve real users. Shift the mindset from 'what did we get done' to 'how valuable is the work that we're delivering' to avoid becoming a feature factory. https://www.nngroup.com/videos/stop-obsessing-over-features-focus-on-user-goals/ What Is Microcopy? By Nick Bobich. "Microcopy is a small - no pun intended - but mighty part of your website's design. This guide will help you craft great microcopy to make the most of it…" https://builtin.com/design-ux/microcopy UX Win: My Best Buy Program Updates By Deborah Edwards-Oñoro. "…Best Buy designed an effective and easy-to-understand email message highlighting the changes in their My Best Buy program…" https://www.lireo.com/ux-win-my-best-buy-program-updates/ +08: WEBWASTE & SUSTAINABILITY. Solve Deep Needs, Not Superficial Wants By Gerry McGovern. "…Why do we need to be constantly creating stuff for the tiny tasks? Why do we neglect maintenance on the top tasks? Why do we focus so much on superficial wants instead of focusing relentlessly on deep needs?" https://gerrymcgovern.com/solve-deep-needs-not-superficial-wants/ [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.]