Web Design Update: November 10, 2021

[Laura Carlson]

+++ 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:lcar...@d.umn.edu


[Issue ends.]