+++ WEB DESIGN UPDATE. - Volume 20, Issue 19, November 3, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 19 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: COLOR. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: INFORMATION ARCHITECTURE. 09: JAVASCRIPT. 10: MISCELLANEOUS. 11: TOOLS. 12: USABILITY. 13: WEBWASTE & SUSTAINABILITY. SECTION TWO: 14: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Why You Need to Do User Testing with Deaf and Hard of Hearing People By Meryl K. Evans. Meryl "argues for why you need to conduct user testing with deaf and hard of hearing people, and also describes why their needs are often overlooked. Further, Meryl speaks to how to test captions and transcripts for maximum accessibility…" https://makeitfable.com/article/user-testing-deaf-hoh/ Becoming More Accessible on YouTube: Adding Closed Captions and Other Tips By Bureau of Internet Accessibility. "…we'll address a few simple ways to ensure your YouTube channel provides a better experience for all of your followers - regardless of their abilities…" https://www.boia.org/blog/becoming-more-accessible-on-youtube-adding-closed-captions-and-other-tips Common Accessibility Issues for Higher Education Websites By Bureau of Internet Accessibility. "…The Web Content Accessibility Guidelines (WCAG) provide a framework that higher education institutions can utilize to create more useful content. In this article, we'll use the WCAG standards to address some common accessibility issues that colleges, universities, and other educational institutions often encounter…" https://www.boia.org/blog/common-accessibility-issues-for-higher-education-websites How To Build Accessible Tables By Bureau of Internet Accessibility. "By using data tables, your website can present detailed information in a straightforward way. However, without structural markup, tables can create serious accessibility issues…" https://www.boia.org/blog/how-to-build-accessible-tables Name, Labels, ARIA, What To Do? By Scott O'Hara. "This is the first of a two part blog post series about naming and labeling web content…" https://www.scottohara.me//blog/2021/11/02/names-and-labels.html A Spooky Tale: The Headingless Horseman By Scott O'Hara. "The Headingless Horseman emerges from the shadows that surround the quagmire of
s which the auditor has unwittingly wandered towards…" https://www.scottohara.me//blog/2021/10/31/headingless.html Making Data Visualizations More Accessible By Adam Zewe. "Researchers find blind and sighted readers have sharply different takes on what content is most useful to include in a chart…" https://news.mit.edu/2021/data-visualizations-accessible-blind-1012 Not Dragging Our Feet By Mike Gower. "…During a recent design playback on range selection in a complex data chart, I brought up the idea of eliminating a reliance on dragging - which will likely become a future requirement in version 2.2 of the Web Content Accessibility Guidelines (WCAG)…" https://medium.com/carbondesign/not-dragging-our-feet-a03ea57150e Using the "text" Role By James Edwards. "…Every now and then, in internal discussions, the question pops up around the usage of a mysterious and not-very-often-seen role attribute of text. What is this role? And why do we occasionally see it being used?" https://www.tpgi.com/using-the-text-role/ Alternative Text (Updated) By WebAIM. "WebAIM's alternative text article has been significantly updated to reflect current best practices…" https://webaim.org/techniques/alttext/ Introducing the XR Association's Developers Guide on Accessibility By Laura Chadwick. "Laura Chadwick provides an overview of the XRA's Developers Guide chapter as well as discusses the work of the XR Association in general." https://equalentry.com/xr-associations-developers-guide-on-accessibility-accessibility-a11yvr/ So, You Want an Accessibility Score? By Karl Groves. "…Currently most automated testing tools are unable to give a reliable score because they do not track anything but failures… Automated and manual testing is extremely useful in finding potential problems in your product. Only usability testing with real users can tell you if you've gotten it right." https://blog.tenon.io/so-you-want-an-accessibility-score/ Enhancing the Manifest By Aaron Gustafson. "…My proposal enables developers to provide URLs for an app's accessibility statement, content license, and policies governing privacy, security, support, and usage…" https://www.aaron-gustafson.com/notebook/enhancing-the-manifest/ Why CIOs Should Invest in an Accessible Government By Mike Gifford. "…It's time to invest in accessibility - which in turn will help you build more inclusive teams AND future-proof your organization…" https://wheelhousegroup.com/why-cios-should-invest-in-an-accessible-government/ U.S. Laws for Video Accessibility: ADA, Section 508, CVAA, and FCC Mandates By Rebecca Klein. "Are you breaking video accessibility laws and don't even know it…" https://www.3playmedia.com/blog/us-laws-video-accessibility/ Discord Digital Accessibility Settlement Agreement By Lainey Feingold. "This page has a legal settlement agreement between Discord and the American Council of the Blind. The agreement was reached to make Discord's website more usable for everyone, including disabled people. It also makes the company's mobile app easier to use. Discord will use accessibility guidelines to help with this work. The company worked with the American Council of the Blind on this project. There was no lawsuit. Instead, the company and the ACB used Structured Negotiation instead of a lawsuit. Structured Negotiation helps people work together to solve legal problems without conflict or run-away costs." https://www.lflegal.com/2021/10/discord-agreement/ Justice Department Secures Settlement With Rite Aid Corporation To Make Its Online Covid-19 Vaccine Portal Accessible To Individuals With Disabilities By US Department of Justice. "The United States Attorney’s Office for the Middle District of Pennsylvania and the Justice Department announced an Americans with Disabilities Act (ADA) settlement agreement with Rite Aid Corporation (Rite Aid) to ensure that people with disabilities can get information about COVID-19 vaccinations and book their vaccinations online…" https://www.justice.gov/usao-mdpa/pr/justice-department-secures-settlement-rite-aid-corporation-make-its-online-covid-19 Justice Department Secures Settlement With Rite Aid Corporation To Make Vaccine Portal Accessible By Global Initiative for Inclusive Information and Communication Technologies (G3ict). "…within 30 days, Rite Aid must conform its online COVID-19 vaccine content to the Web Content Accessibility Guidelines (WCAG), Version 2.1, Level AA…" https://g3ict.org/headlines/justice-department-secures-settlement-with-rite-aid-corporation-to-make-vaccine-portal-accessible +02: BOOKS. Wagner, Jeremy. Responsible Javascript, A Book Apart, 2021. +03: CASCADING STYLE SHEETS. How to Implement and Style the Dialog Element By Christian Kozalla. "Go in-depth on the native dialog HTML element with this tutorial and learn how to implement a user-friendly, accessible dialog on your website…" https://tympanus.net/codrops/2021/10/06/how-to-implement-and-style-the-dialog-element/ The css :not() pseudo-selector By Chris Ferdinandi. "I don't work with CSS much, but whenever I do, I'm continually blown away by how much easier modern CSS is now than it was five years ago…" https://gomakethings.com/the-css-not-pseudo-selector/ Learn CSS - Lists By Google Developers. "A list, structurally, is composed of a list container element filled with list items. In this module, you'll learn how to style all the parts of a list…" https://web.dev/learn/css/lists/ Sticky Definition Lists By Chris Coyier. "…how satisfying definition lists can be…" https://css-tricks.com/sticky-definition-lists/ +04: COLOR. Introduction to Color and Accessibility By Andrew Somers. "When designing visual and readable content with the aim of accessibility for all sighted users, it is important to have an understanding of light, color, and perception…" https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_Colors_and_Luminance Orange You Wondering About Contrast? By Andrew Somers. "A look into the 'Orange' issue relating to contrast metrics." https://gist.github.com/Myndex/1dadb6dcac596f1cd7a5686a076f697f Luminance Contrast and Perception By Andrew Somers. "This is an article on luminance contrast, before the invention of Advanced Perceptual Contrast Algorithm (APCA). It essentially reviews the math and different contrast methods available at that time. Includes lots of code samples and math samples." https://www.myndex.com/WEB/LuminanceContrast +05: EVALUATION & TESTING. How Many Participants for a UX Interview? By Maria Rosala. "In the early stages of a UX-design project, recruit enough people to gain an in-depth understanding of users' experiences and needs. The number of people needed for an interview study is often smaller than you think." https://www.nngroup.com/articles/interview-sample-size/ Eye-Tracking in Mobile UX Research By Mariana Macedo. "Eye-tracking, a method that measures where people are looking and for how long they are looking, became more accessible to UX research thanks to technology. It allows researchers to see through the users' eyes and get insights about visual attention. This article explores the latest trends in the eye-tracking market and how the methodology can be included in the UX researcher's toolbox…" https://www.smashingmagazine.com/2021/10/eye-tracking-mobile-ux-research/ Three Ways to Measure a User's Prior Experience By Jeff Sauro nd Jim Lewis. "…We use three common approaches: tenure, frequency, and depth…" https://measuringu.com/3-ways-to-measure-prior-experience/ +06: EVENTS. National Federation of the Blind of Texas Convention November 5-7, 2021. Online https://www.nfbtx.org/events.php?id=65 Accessibility Insights with Ted Drake of Intuit November 9, 2021. Online https://us02web.zoom.us/webinar/register/8616348121990/WN_swhk58DbRWqaZN6tzZtztQ Automated Accessibility Testing with JavaScript November 17, 2021. Online https://ti.to/marcy-sutton/automated-accessibility-testing-with-javascript-2021-11-17/ Shattering Assumptions About Deafness with Meryl Evans November 30, 2021. Online https://www.youtube.com/watch?v=SNtBxHrUqlY Virtual Web Accessibility Training December 8-9, 2021. Online https://webaim.org/training/virtual/ Structuring Accessible Forms December 14, 2021. Online https://www.tpgi.com/webinar-december-14-at-12pm-et-structuring-accessible-forms/ Accessibility in Modern Applications With Marcy Sutton March 31, 2022. San Francisco, California, U.S.A. https://smashingconf.com/sf-2022/workshops/marcy-sutton/ [Correction] A11yTalks - Bridging the A11y Gap: Mental Health & the Next Generation was October 27 not November 27, 2021. https://groups.drupal.org/node/536523 +07: HTML. Tasty Buttons By Manuel Matuzović. "The second HTMHell special focuses on another highly controversial pattern in front-end development…" https://www.htmhell.dev/26-tasty-buttons/ The HTML