+++ 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