+++ WEB DESIGN UPDATE. - Volume 20, Issue 20, November 10, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 20 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: HTML. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Understanding the Differences Between WCAG 2.1 and WCAG 2.2 By Bureau of Internet Accessibility. "…In this article, we'll provide an overview of the major changes in the WCAG 2.2 working draft and how they might affect your website's accessibility conformance…" https://www.boia.org/blog/understanding-the-differences-between-wcag-2.1-and-wcag-2.2 Understanding the Differences Between WCAG 2.2 and WCAG 3.0 By Bureau of Internet Accessibility. "Both WCAG 2.2 and WCAG 3.0 are working drafts, not official recommendations. At the time of writing, WCAG 2.1 contains the W3C's official recommendations for digital accessibility…" https://www.boia.org/blog/understanding-the-differences-between-wcag-2.2-and-wcag-3.0 The Ultimate Guide to Audio Description By 3Play Media. "his guide includes just about everything there is to know about audio description. From laws to best practices, it's all here. Let's get describings…" https://www.3playmedia.com/learn/popular-topics/audio-description/ Collaborative Planning, the Forgotten Step of Accessible Development By Michael Fairchild. "You want to create accessible user experiences. Everyone in the development team agrees. But does everyone define success in the same way…" https://www.deque.com/blog/collaborative-planning-the-forgotten-step-of-accessible-development/ Introduction to A.I. and Accessibility Testing By Ricky Onsman. "Artificial Intelligence (AI) is a term used to describe the principle that features of human intelligence can be simulated by machines to produce outcomes that resemble those of human insight…" https://www.tpgi.com/introduction-to-a-i-and-accessibility-testing/ The Captcha Conundrum - Accessible Alternatives By Raghavendra Satish Peri. "When a website needs its visitors to prove they're human, what is the most common technique developers use…" https://www.digitala11y.com/the-captcha-conundrum-accessible-alternatives/ Evaluation Model for Low Vision Users in Mobile Application By Ahlam Mohamed Elmghirbia, Azham Hussain, and Nur Hani Zulkifli. "This paper aims to discuss the usability evaluation model for mobile applications used by low vision users…" http://jsju.org/index.php/journal/article/view/1017 Department of Justice to Companies with Inaccessible Websites: We're back! By Sheri Byrne-Haber. "Deconstructing the Rite Aid settlement agreement…" https://sheribyrnehaber.medium.com/department-of-justice-to-companies-with-inaccessible-websites-were-back-26f2d4faa172 Overlays Do Not Get Rid of (Moot) Digital Accessibility Lawsuits By Timothy Springer. "In the case of Paguada v. Yieldstreet (1:20-CV-09254), the court determined that deploying an overlay will not get an accessibility case dismissed. If you're curious to know the hows and whys of the situation and my thoughts on the matter, read on…" https://www.levelaccess.com/overlays-do-not-get-rid-of-moot-digital-accessibility-lawsuits/ Legal Update: Accessibility Overlay Edition By Lainey Feingold. "This page is an article about web accessibility overlays and the law…" https://www.lflegal.com/2021/11/overlay-legal-update/ Overlays Underwhelm: Web Directions AAA 2021 By Adrian Roselli. "A collection of images, videos, tweets, articles, and links referenced in my talk for Web Directions AAA 2021…" https://adrianroselli.com/2021/11/overlays-underwhelm-web-directions-aaa-2021.html +02: CASCADING STYLE SHEETS. Super Short Note on CSS Text (Again) By Steve Faulkner. "Because it's included as text in the accessibility tree in modern browsers…" https://html5accessibility.com/stuff/2021/11/04/super-short-note-on-css-text-again/ Quick Browser Developer Tools Tip: Define and Test Interaction States in CSS Using State Simulation By Chris Heilmann. "Interfaces on the web have to be accessible independent of input device…" https://christianheilmann.com/2021/11/07/quick-browser-developer-tools-tip-define-and-test-interaction-states-in-css-using-state-simulation/ Practical CSS Subgrid Video Tutorials By Bramus Van Damme. "With CSS Subgrid already being supported in Firefox (ever since version 71), and Chromium recently having started work on it, it might be the perfect time to start learning about CSS Subgrid…" https://www.bram.us/2021/11/04/practical-css-subgrid-video-tutorials/ +03: EVALUATION & TESTING. Recruiting and Screening Candidates for User Research Projects By Therese Fessenden. "Know the inherent biases in your recruiting process and avoid them in order to recruit study participants that are representative for your target audience." https://www.nngroup.com/articles/recruiting-screening-research-candidates/ Campbell's Law: The Dark Side of Metric Fixation By Page Laubheimer and Kate Moran. "When organizations optimize metrics at the cost of all else, they expose themselves to metric corruption. Ultimately, as the Facebook scandal illustrates, they may fail their users and their business goals." https://www.nngroup.com/articles/campbells-law/ In-depth Discovery for Improved UX By Rachael B. "Discovery is such an important part of every project we do. …" https://www.wholegraindigital.com/blog/in-depth-discovery-for-improved-ux/ Accuracy of Three Ways to Estimate SUS with the UX-Lite By Jeff Sauro and Jim Lewis. "…In this article, we apply these three approaches to two sets of data to see which of them most accurately estimates concurrently collected SUS scores…" https://measuringu.com/accuracy-of-sus-estimation-with-ux-lite/ How to Sell UX Research with Two Simple Questions By Sophia V. Prater. "It's one reason why so many UX designers are frustrated in their job and why many projects fail. And it's also why we often can't sell research: every decision-maker is confident in their own mental picture. In this article, Sophia Prater shows you how to collaboratively expose misalignment and gaps in your team's shared understanding by bringing the team together around two simple questions. What are the objects? How do they relate?" https://alistapart.com/article/how-to-sell-ux-research/ +04: EVENTS. Accessibility in the Enterprise November 17, 2021. Online https://pages.diamond.la/en/webinars/diamond-webinars-registration Captioning 101 November 22, 2021. Online https://it.rutgers.edu/digital-accessibility/event/captioning-101/ Creating Accessible Digital Documents November 23, 2021. Online https://adata.org/event/creating-accessible-digital-documents Section 508 - A Celebration of Twenty Years November 30, 2021. Online https://adata.org/event/section-508-celebration-twenty-years Social Media Accessibility December 9, 2021. Online https://it.rutgers.edu/digital-accessibility/event/social-media-accessibility/ Getting Started in Accessibility December 9, 2021 and January 12, 2022. Online https://www.eventbrite.com/e/getting-started-in-accessibility-tickets-157655474769 Accessible Social Media 2.0 March 15, 2022. Online https://adata.org/event/accessible-social-media-20 +05: HTML. When people ask me how they can learn accessibility By Estelle Weyl. "…I always tell them they have to start by really understanding HTML. They say 'I want to hire someone to teach me accessibility, not HTML.' That's like saying 'I want to be a SCOTUS justice but I don't want to go to learn law.'" https://twitter.com/estellevw/status/1456139042723037186 Debugging HTML: Accessibility By Manuel Matuzović. "You can debug accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge…" https://www.htmhell.dev/tips/debugging-html-accessibility/ HTML Concepts: Common Idioms By Jens Oliver Meiert. "…Today we're going to look at common idioms: popular design patterns for which HTML doesn't have dedicated elements, but makes suggestions…" https://meiert.com/en/blog/html-common-idioms/ AMP Has Irreparably Damaged Publishers' Trust in Google-led Initiatives By Sarah Gooding. "…Jeremy Keith asked a question that echoes the sentiments of developers and publishers all over the world who are viewing Google's leadership and initiatives with more skepticism: 'Given the court proceedings against AMP, why should anyone trust FLOC or any other Google initiatives ostensibly focused on privacy?'…" https://wptavern.com/amp-has-irreparably-damaged-publishers-trust-in-google-led-initiatives +06: INFORMATION ARCHITECTURE. Try a Preliminary Sift to Streamline Your Card-Sorts By Caroline Jarrett. "Here's my favourite tip for card sorting. I get each participant to first of all put the cards into four categories…" https://www.effortmark.co.uk/streamline-your-card-sorts/ +07: JAVASCRIPT. How to get, set, and remove Data Attributes with Vanilla JavaScript By Chris Ferdinandi. "Today, we're going to look at how to get, set, remove, and check for data attributes on an element…" https://gomakethings.com/how-to-get-set-and-remove-data-attributes-with-vanilla-javascript/ Strategies for Working with Data Attributes in Vanilla JavaScript By Chris Ferdinandi. "Today, we're going to look at some different strategies for working with data attributes…" https://gomakethings.com/strategies-for-working-with-data-attributes-in-vanilla-javascript/ +08: MISCELLANEOUS. Article 19, Episode 11 - Equal Entry with Tom and Meryl (Podcast) By Marty Molloy. "Thomas Logan, CEO of Equal Entry and Meryl Evans, Accessibility and Digital Marketing expert are our guests for this episode of the podcast…" https://article19.podbean.com/e/article-19-episode-11-equal-entry-with-tom-and-meryl/ Let's Talk About Social Media and Accessibility with Alexa Heinrich and Meryl Evans By Rachel Karten. "…We talked about ways brands can be more inclusive with their content, fixing the lack of education, and how they'd like to see the landscape change when it comes to accessibility within social media…" https://milkkarten.substack.com/p/lets-talk-about-social-media-and-5d1 The State Of The Web (Video) By Jeremy Keith. "A presentation from Clearleft founder Jeremy Keith…" https://vimeo.com/641568337 Archive of W3C Technical Plenary / Advisory Committee (TPAC) Breakout Sessions By W3C. "This page contains the minutes, videos and slides of the breakout sessions that were held at TPAC 2021." https://www.w3.org/2021/10/TPAC/breakouts.html Web History, Chapter 10: Browser Wars By Jay Hoffmann. "In June of 1995, representatives from Microsoft arrived at the Netscape offices…" https://css-tricks.com/chapter-10-browser-wars/ +09: NAVIGATION. The Problem with 'Click Here' and 'Learn More' Links By Cynthia Marinakos. "3 great ways to write helpful hyperlink text…" https://uxdesign.cc/the-problem-with-click-here-and-learn-more-links-d01a0eba5cbd How to Improve Accessibility of 'More' Links in WordPress By Deborah Edwards-Onoro. "…Avoid 'more' links that provide no context to users. By using the WP Accessibility plugin, you expand your 'more' links with the post title…" https://www.lireo.com/how-to-improve-accessibility-of-more-links-in-wordpress/ +10: TOOLS. WCAG 2.1 AA Success Criteria (Filter Tool) By CANAXESS. "Understanding what constitutes a failure is the first step towards testing in a consistent way and having consistent results. These categories group the WCAG "WCAG 2.1 translated into plain language. 103 tests categorised by content type, which removes the ambiguity from understanding success criteria…" https://wcag-filter-tool.netlify.app/ Developer Tools Secrets that Shouldn't be Secrets By Christian Heilmann. "This is a talk that I've given at CityJS this September…" https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/ +11: TYPOGRAPHY. What Are Accessible Fonts? By Cam Waller. "…simpler typefaces will be easier to read, and very complex, decorative, or handwritten typefaces are best avoided. As such, sans serif fonts-those without the decorative strokes seen in Times New Roman, for example-are typically considered easier to read, but this isn't universally true. Sometimes sans serif typefaces may have characters that look very similar, so choosing one with distinctly designed characters will help improve readability…" https://www.accessibility.com/blog/what-are-accessible-fonts +12: USABILITY. No Yes/No Questions By Caroline Jarrett. "If you've been in a forms studio with me, you'll be familiar with the moment where I say: 'No yes/no'. It's my shorthand for 'Avoid questions that only have two available answers: 'yes' and 'no'. People often struggle with them'. And here's the longer version…" https://www.effortmark.co.uk/no-yes-no-questions/ How to Edit Anything - Pro Tip By Caroline Jarrett. "I've been doing a lot of editing recently. Here's how I do it…" https://www.effortmark.co.uk/how-to-edit-anything/ Context Adds Value to UX Artifacts (Video) By Mayya Azarova. "In a museum, knowing the backstory of a bowl makes it more interesting. Similarly, in a UX project, you can make better decisions when knowing the context of artifacts like journey maps and wireframes." https://www.nngroup.com/videos/context-adds-value-ux-artifacts/ Repeated User Actions Are Frustrating (Video) By Kathryn Whitenton. "It's frustrating for users to go back-and-forth and back-and-forth to the same web page, bouncing around without getting what they need. Analytics data can help identify pages that don't help users progress." https://www.nngroup.com/videos/repeated-user-actions-are-frustrating/ Fix the Basics Before You Buy the New Technology By Gerry McGovern. "…Spread the news, girls and boys. The chatbot designers have reinvented search!" https://gerrymcgovern.com/fix-the-basics-before-you-buy-the-new-technology/ World Usability Day Returns November 11, 2021 By Deborah Edwards-Onoro. "Events will be held around the world as people discuss, celebrate, and learn about usability and how it impacts our daily lives through the products and services we use…" https://www.lireo.com/world-usability-day-returns-november-11-2021/ [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.]