Web Design Update: June 9, 2026

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 26, Issue 50, June 9, 2026.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 50 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: TOOLS.
09: USABILITY.
16: WEBWASTE & SUSTAINABILITY.

SECTION TWO:
17: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessible by Design: HTML, CSS, JavaScript, and ARIA Techniques That
Scale (Video)
By Jon Farrell.
"…In this fast‑paced, hands‑on session, attendees will learn how HTML,
CSS, JavaScript, and ARIA work together to create accessible,
resilient interfaces…"
https://mediaspace.umn.edu/media/t/1_13gh2a49

Supporting Accessibility Across Languages (Video)
By Elizabeth Pyatt.
"…This session will review language tagging, the importance of Unicode
and legibility considerations across different scripts. We'll also
review how language impacts speech recognition, speech synthesis, AI
and other tools we use in the modern era…"
https://mediaspace.umn.edu/media/t/1_t9ds7ytu

A Developer's Guide to Retrofitting Sites for WCAG Compliance (Video)
By Leah Grim and Susannah Harris.
"…From thorough testing to high impact design fixes to semantic code
enhancements, we present a strategy for developers that makes updates
for accessibility both feasible and efficient."
https://mediaspace.umn.edu/media/t/1_mbif1lkd

Where Did My (Keyboard) Focus Go? (Video)
By Novella Chiechi.
"…This talk will be appropriate for newer frontend devs (or those new
to accessibility), as well as other folks who want a better idea of
one of the foundational tools that help make using the web fast,
accurate, and predictable."
https://mediaspace.umn.edu/media/t/1_nzqyvdzr

What's Metadata Got To Do With It? (Video)
By Griffin Zimmerman.
"…In this session, participants will learn how organizations such as
the WCAG Publishing Community Group, the International Federation of
Library Associations and Institutions (IFLA), and the Benetech
Initiative are standardizing accessibility metadata and how to
identify and publish essential metadata on your own organizational
documents, content, and media."
https://mediaspace.umn.edu/media/t/1_ay3a214r

Open-Source Web Accessibility Tools from the University of Illinois (Video)
By Jon Gunderson.
"The University of Illinois has developed open source tools to support
web accessibility evaluation including AInspector for WCAG Evaluation
and Headings, Landmarks and Links browser extensions, and the
SkipTo.js utility as a modern replacement for the 'Skip To Content'
link to improve the experience of people with disabilities using
Illinois websites…"
https://mediaspace.umn.edu/media/t/1_hrhdbv5a

At the Intersection of Access and Justice
By Shanna Katz Kattari.
"Historically, disability rights, basic access, and educational
accommodations have been hard fought, with community organizers and
activists working tirelessly to enshrine these in our laws…"
https://mediaspace.umn.edu/media/t/1_k5vt92p4

Five Risks That Quietly Kill Accessibility Programs
By Neil Osman.
"…none of it works without the people who actually know the
discipline. If you don't have those people, the program you build
around tools and processes will be theater - real-looking,
quarterly-update-able, and in the end, not actually accessible…"
https://www.neilosman.com/posts/five-risks-accessibility/

Overview of Digital Accessibility Technologies
By Declan "VAl" Chidlow.
"…This is a non-exhaustive list of these technologies for reference.
Though I have attempted to be relatively comprehensive in covering
usage, accessibility often necessitates varied usage and unique
assembly of technologies, such that this post does not and will not
cover every case…"
https://vale.rocks/posts/digital-accessibility-technologies

Global Accessibility Standards in Africa: A Panel Discussion (Video)
By inABLE org.
"Moderator Washington Sati, Regional Program Manager for the
Disability Rights Fund, leads a panel discussion on the global
implementation of accessibility standards, focusing on the African
context…"
https://www.youtube.com/watch?v=XGx_o7O7DKA

Accessibility Standards "a11y Chat" at M-Enabling Summit 2025 (Video)
By Shawn Lawton Henry.
"…That's really important to think about WCAG's role in achieving
accessibility. And that it's not is the end all be all. WCAG, the Web
Content Accessibility Guidelines, or "waa-kag", is a very important
tool. It can provide a benchmark, a baseline, for accessibility around
the world…"
https://www.youtube.com/watch?v=uArrOL43g7c

Using the Browser Console for Accessibility Testing - Part 2
By Russ Weakley.
"This article follows on from Using the browser console for
accessibility testing. The examples below show how simple console
scripts can help identify accessibility features and potential issues
directly in the browser…"
https://www.maxdesign.com.au/articles/console2.html

Generated Inaccessible: Measuring WCAG Violations in AI UI Design Tools
By Wajdi Aljedaani, Lyan Ibrahim Koumu, and Alexandra-Elena Guri.
"…We cannot prompt our way to accessible AI generation. The 29%
compliance rate and inverse relationship between explicit
specifications and outcomes reveal fundamental misalignment between
how designers conceptualize accessibility requirements and how AI
systems operationalize constraints…"
https://dl.acm.org/doi/full/10.1145/3800424.3800430

Evaluating Visual Accessibility of AI-Generated Interfaces (PDF)
By Mutong Rao and Jody Watts.
"…Current image generation remains insufficient for accessible UX
design and is more appropriate as a sketch-level exploration tool than
a design execution method…"
https://dl.designresearchsociety.org/cgi/viewcontent.cgi?article=3929&context=drs-conference-papers

NFB Sues DOJ and HHS Over Deadline Extensions: What It Means for Your
ADA Title II and Section 504 Compliance Program
By Glenda Sims.
"…The deadline extensions issued by DOJ and HHS for Title II and
Section 504 are being challenged in federal court by a plaintiff with
strong standing and serious legal arguments. Regardless of the
outcome, the underlying obligation-to make your digital experiences
accessible to people with disabilities-has not changed and will not
change…"
https://www.deque.com/blog/nfb-sues-doj-and-hhs-over-deadline-extensions-ada-title-ii-and-section-504/


+02: CASCADING STYLE SHEETS.

State of CSS 2026 Survey
By Sacha Greif.
"…please join me for this year's State of CSS…"
https://survey.devographics.com/en-US/survey/state-of-css/2026

As you fill it out…
By Adrian Roselli.
"keep in mind significant accessibility mis-steps in CSS…"
https://toot.cafe/@aardrian/116686871932523045


+03: COLOR.

When Purple Perceived Only at Fixation: A Fixation and
Distance-Dependent Color Illusion
By Schulz-Hildebrandt Hinnerk.
"Are these dots purple or blue?…"
https://www.schulz-hildebrandt.com/9-purple-dots-illusion/


+04: EVALUATION & TESTING.

Using the TAC-10 for Screening and Data Cleaning
By Jim Lewis and Jeff Sauro.
"…In this article, we demonstrate how to use TAC-10 response patterns
not only for its primary purpose as a measure of tech savviness but
also as a type of internal consistency check for screening and
detecting inattentive or misrepresenting human respondents…"
https://measuringu.com/using-the-tac10-for-screening-and-data-cleaning/


+05: EVENTS.

NFB National Convention
July 3-8, 2026.
Austin Texas, U.S.A.
https://nfb.org/get-involved/national-convention

Virtual UX Training
July 6-14, 2026.
Online
https://www.nngroup.com/training/july-asia-au

Accessibility for Developers
July 17, 2026.
Online
https://events.humanitix.com/ozewai-accessibility-for-developers-ask-the-professionals-17-july-2026


+06: JAVASCRIPT.

How Good Is Browser Support for the ARIA Notify API?
By Alexander Lehner.
"The new ARIA Notify API is supported by more and more browsers. So I
thought: Time to do a thorough check with different screen readers on
different platforms and browsers…"
https://www.oidaisdes.org/blog/aria-notify-browser-support/

OpenAI, ARIA, and SEO: Making the Web Worse (Update)
By Adrian Roselli.
"…corporate interests are building on the backs of accessibility
affordances and making them worse along the way…"
https://adrianroselli.com/2025/10/openai-aria-and-seo-making-the-web-worse.html#Update02


+07: MISCELLANEOUS.

Here Comes the GoodWitch
By Steve Faulkner.
"Being around for too long means I know, have met, or interacted
online with many people. One of them being Glenda Sims AKA the
GoodWitch. We have never really hung out or worked closely on
anything, but we both have worked to make digital stuff more
accessible, to people with disabilities, over the years and been
regulars at CSUN…"
https://html5accessibility.com/stuff/2026/06/02/here-comes-the-goodwitch/

Designing with Mustard
By Anna E. Cook.
"Designing with mustard is the future of design. I used to think it
was ketchup, but I was wrong. If you're not currently designing with
mustard, you should get out of design and tech. The future of design
is mustard. Adapt or perish…"
https://annaecook.com/writing/2026/designing-with-mustard

The Smart TV in Your LivingRoom Is a Node in the AI Scraping Economy
By buchodi.
"…In this post, we're going to explore how the company Bright Data
facilitates modern AI models scraping training data from the Internet
using its residential proxy network…"
https://blog.includesecurity.com/2026/06/the-smart-tv-in-your-livingroom-is-a-node-in-the-aiscraping-economy/


+08: TOOLS.

A Bookmarklet Highlighting Roles That Must Never Have Author-Provided Names
By Russ Weakley.
"A practical way to find naming errors and better understand ARIA naming rules…"
https://www.maxdesign.com.au/articles/name-bookmarklet.html


+09: USABILITY.

The Hidden Why: Behavioral Economics for UX
By Sarah Thompson.
"Use behavioral-economics frameworks to uncover hidden friction in
your experience and design UX solutions that better support user
action."
https://www.nngroup.com/articles/behavioral-economics-for-ux/

The 3 Sizes of UX Copy (Video)
By Taylor Dykes.
"UX copy comes in three sizes: Long-form, short-form, and microcopy.
Meet users' needs by using the right one…"
https://www.youtube.com/watch?v=MBrngFrbEAs


[Section one ends.]


++ SECTION TWO:

+10: 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.]