Web Design Update: June 16, 2026

435 views
Skip to first unread message

Laura Carlson

unread,
Jun 16, 2026, 4:54:35 AM (12 days ago) Jun 16
to webdev
+++ WEB DESIGN UPDATE.
- Volume 26, Issue 51, June 16, 2026.

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

++ISSUE 51 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: TOOLS.
11: TYPOGRAPHY.
12: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WIIFM: The Motivational Question Behind Every Accessibility Conversation
By Sheri Byrne-Haber.
"…If your accessibility case doesn't connect to what they care about, it stays an interesting concept rather than a call for behavior change…"
https://buttondown.com/access-ability/archive/wiifm-the-motivational-question-behind-every/

How to Create Audio Descriptions for Accessible YouTube Videos (Updated: June 9, 2026)
By Whitney Lewis.
"In this article, we'll review the primary methods for delivering these descriptions. We will cover how to utilize YouTube's multi-track feature for standard descriptions, how to weave descriptions directly into your script, and how to publish a separate video for extended descriptions. We will also give you advice on how to choose the best option for your content…"
https://blog.pope.tech/2023/05/30/how-to-create-audio-descriptions-for-accessible-youtube-videos/

A11y 101 - 3.2.1 On Focus
By Nat Tarnoff.
"…You're walking down a hallway, hand out, ready to turn a doorknob. Your hand lands on the knob… and suddenly the door slides open before you touch it. Or worse, the room you thought you were entering is actually a closet full of vacuum cleaners. Disorienting, right? Jarring? A little bit scary? That's how a user feels when they tab through a webpage and a piece of content jumps, moves, or redirects them without asking for permission first…"
http://tarnoff.info/2026/06/08/a11y-101-3-2-1-on-focus/

A11y 101 - 3.2.2 On Input
By Nat Tarnoff.
"…When any component causes a change in the user interface context, there must be a way for the user to control when that change happens…"
https://tarnoff.info/2026/06/15/a11y-101-3-2-2-on-input/

ACT Rules - Update on Automatic and Manual Testing
By The Funka Foundation.
"In this webinar, we take a look at what is new in the Accessibility Conformance Testing (ACT) rules and discuss their limitations. Harmonising test procedures are important but need to align with legal requirements…"
https://stiftelsenfunka.org/whats-up/free-friday-webinars/act-rules-update-on-automatic-and-manual-testing/

Understanding WCAG 1.3.1 Info and Relationships (Level A)
By María José Maldonado.
"…If visual formatting communicates meaning, that meaning must also be available through semantic markup or text…"
https://equalizedigital.com/understanding-wcag-1-3-1-info-and-relationships-in-wordpress/

WCAG Compliance Levels Explained: A, AA, and AAA
By Vispero Team.
"Level AA is the conformance level most organizations are expected to meet, the conformance level often incorporated into other accessibility standards, and the level most commonly associated with legal compliance…"
https://vispero.com/resources/wcag-compliance-levels-explained/

Partner WCAG with EN 17161 Design For All
By Wilco Fiers.
"I published a series on EN 17161 Design For All, and why I believe that the digital accessibility industry should embrace it as a partner standard to WCAG. I think it can be the answer to some of the biggest challenges we've been dealing with for the past two decades…"
https://lists.w3.org/Archives/Public/w3c-wai-ig/2026AprJun/0035.html

The Next Big Leap in Digital Accessibility: Why the Digital Accessibility Community Should Embrace en 17161
By Wilco Fiers.
"…Accessibility is about more than just ticking compliance checkboxes. It's about organizational transformation…"
https://www.deque.com/blog/why-the-digital-accessibility-community-should-embrace-en-17161/

Text Simplification with Large Language Models: Evaluating Readability and Information Preservation for WCAG Compliance (PDF)
By Ludwig Wredendal.
"…The findings suggest that LLM-based simplification shows promise as an approach for lowering the reading level of web text, and thus supporting WCAG 3.1.5 compliance. However, the results also indicate that lowering a text's reading level and preserving its information may be conflicting goals. Consistent, reliable compliance cannot be guaranteed with direct prompting alone, and domain-specific content appears particularly vulnerable to meaning loss during simplification…"
https://www.diva-portal.org/smash/get/diva2:2068839/FULLTEXT01.pdf

A11y Book Club Meeting: Digital Accessibility Ethics (Video)
By Crystal Scott.
"Join Accessibility Book Club Founder Crystal Scott, CPWA, and co-host Lainey Feingold for a live discussion featuring contributors to Digital Accessibility Ethics: Disability Inclusion in All Things Tech. This conversation explores the book's Digital Accessibility Ethics Framework and how ethical disability inclusion can move accessibility beyond legal compliance and technical checklists."
https://www.youtube.com/watch?v=OUcNTJbt7aQ

Why Are There So Few Accessibility Complaints From Users?
By Pär Lannerö.
"…This article is an attempt to explain why there are so few complaints event though many are affected…Organizations should be very thankful to anybody who has made the effort to report an accessibility problem…"
https://metamatrix.se/blogg/why-so-few-report-accessibility-problems/

Compliance & Your Face (Video)
By Justin Stockton & Mark Miller.
"The conversation delves into legal compliance topics related to accessibility, covering the Pharmavite ADA Web Accessibility Class Action Settlement, legal updates, standing analysis, and the challenges of age verification using facial recognition technology. The discussion highlights the need for continued exploration and improvement in these areas to ensure accessibility and legal compliance."
https://www.youtube.com/watch?v=DEoQibgViOo

Where Automated Scanning Fits in Your Accessibility Effort (Part 1: Getting Started)
By Jeff Singleton.
"The team ends up spending its energy sorting the list instead of fixing the site, and the early excitement turns into confusion…"
https://convergeaccessibility.com/2026/06/08/automated-scanning-accessibility/

Crawling Your Site for the Content a Sample Misses (Part 2)
By Jeff Singleton.
"A scanning tool does not interpret its own results. Somewhere on the team, a person needs to know WCAG well enough to look at what the tool reports and decide whether each item is a real issue, a minor one, or a false alarm…"
https://convergeaccessibility.com/2026/06/15/automated-scanning-site-crawl/

Extension of Compliance Dates for Nondiscrimination on the Basis of Disability; Accessibility of Web Information and Services of State and Local Government Entities
By U.S. Department of Justice.
Comments are being accepted until June 22,2026.
https://www.federalregister.gov/documents/2026/04/20/2026-07663/extension-of-compliance-dates-for-nondiscrimination-on-the-basis-of-disability-accessibility-of-web
To comment: visit the Federal Register comment page. Enter your text or upload a document:
https://www.regulations.gov/commenton/DOJ-CRT-2026-0067-0001


+02: CASCADING STYLE SHEETS.

Smart Layout Patterns with Modern CSS with Kevin Powell (Video)
By Smashing Magazine.
"…While they often look a lot like a media query, container queries are very different. And they are a different feature. They can do a lot more. But we do need to treat it differently to really open up all the possibilities that it does have…"
https://www.youtube.com/watch?v=4IBXIFe2CKA

Ending Responsive Images
By Jason Grigsby.
"…A syntax was never the goal; the goal was always a mechanism…If they can be lazy-loaded, then we no longer face the intractable race condition that forced us to place presentation information in the sizes attribute where it doesn't belong…"
https://cloudfour.com/thinks/ending-responsive-images/


+03: DRUPAL.

Washington, DC Rolls Out Redesigned Beta Version of City's Website With New Digital Services
By Keely Quinlan.
"…The redesigned site is built on Drupal 11, the latest version of the open source content management system used by some governments…"
https://statescoop.com/washington-dc-rolls-out-redesigned-beta-version-of-citys-website-with-new-digital-services/


+04: EVALUATION & TESTING.

Do Statistics Really Require 30 Participants?
By Jim Lewis and Jeff Sauro.
"…The short answer is that the rule has real statistical roots, but they're often misunderstood and misapplied…"
https://measuringu.com/do-statistics-really-require-30-participants/

The Benefits Of Cognitive Inclusion In UX ResearchThe Benefits Of Cognitive Inclusion In UX Research
By Kate Kalcevich.
"Findings from an exploratory user research study highlighting the unique insights and practical UX recommendations shared by participants with cognitive disabilities…"
https://www.smashingmagazine.com/2026/06/benefits-cognitive-inclusion-ux-research/

Prototype Testing for Inclusive and Accessible Web Design
By Dipen Majithiya.
"User experience design has a direct impact on how people perceive, trust, and interact with a digital product. But there is one factor that often determines whether a design truly works for everyone: accessibility…"
https://www.loop11.com/prototype-testing-for-inclusive-and-accessible-web-design/

Writing Effective Survey Questions (Video)
By Rachel Banawa.
"Bad survey questions don't announce themselves. They look fine on the surface… until they cost you that insight you were trying to capture…"
https://www.youtube.com/watch?v=o8Bb4RAujGw


+05: EVENTS.

The Myth of the Difficult User
June 24, 2026.
Online
https://a11ytalks.com/posts/2026-jun

Meets Sustainability
June 24, 2026.
Online
https://smashingconf.com/meets-sustainability

The Worldviews We Build With: Why Good Design Starts in the Spirit
July 7, 2026.
New York, New York, U.S.A.
https://www.meetup.com/a11ynyc/events/315015546/

From "Inaccessible" to Inclusive: A Practical PDF Remediation Demo with Samantha Merrett
July 21, 2026.
Online
https://us02web.zoom.us/webinar/register/8817803251028/WN_LvcHbBCWR1ePTpZDdrDuFA#/registration


+06: HTML.

headingoffset is Not the Document Outline Algorithm
By Adrian Roselli.
"…headingoffset is not the (nor any) Document Outline Algorithm, nor does it replicate it…If you are hoping headingoffset will resolve your heading level problems in a hands-off way with imported or user-generated content, you may end up creating confusion and WCAG risk…"
https://adrianroselli.com/2026/06/headingoffset-is-not-the-document-outline-algorithm.html

How Building an HTML-First Site Doubled Our Users Overnight
By Alistair Davidson.
"…It is not acceptable to bounce users on old browsers, users with bad network connections, users using assistive technologies. Certainly not from a monopoly public service…"
https://mohkohn.co.uk/writing/html-first/


+07: JAVASCRIPT.

How to Detect When an Element's Visibility Changes With JavaScript
By Chris Ferdinandi.
"Today, I wanted to show you how to detect when an element's visibility changes using the JavaScript IntersectionObserver API…"
https://gomakethings.com/articles/how-to-detect-when-an-elements-visibility-changes-with-javascript/


+08: MISCELLANEOUS.

@bkardell Visits the Fireside
By Steve Faulkner.
"Brian works at Igalia, he is a member of the W3C Technical Architecture Group (TAG). He also paints many and varied subjects and writes thoughtfully about Web Standards."
https://html5accessibility.com/stuff/2026/06/11/brian-kardell-visits-the-fireside/

5 Questions for Laura Carlson
By Jens Oliver Meiert.
"…Accessibility works best when it is shared across roles instead of being treated as a specialized responsibility…"
https://frontenddogma.com/posts/2026/5-questions-for-laura-carlson/


+09: NAVIGATION.

SEO Is Not Accessibility, and We Have the Data to Prove It
By Karl Groves.
"…The failures that expose you to legal risk and that actually exclude human beings represent 75-83% of the problem space that search engines will never see, never reward, and never penalize…"
https://afixt.com/seo-is-not-accessibility-and-we-have-the-data-to-prove-it/

Your Search Results Are Getting Sloptimized
By Will Oremus.
"…Sloptimization is a symptom of an internet that was built to connect humans but now more often connects machines…"
https://www.theatlantic.com/technology/2026/06/google-search-ai-optimization/687495?gift=j9r7avb6p-KY8zdjhsiSZ1xN-aTHFEfszmC2bpxpp78


+10: TOOLS.

Semantica11y - Semantic HTML for Everyone
By Mark Steadman.
"…Semantica11y is a small, focused rules engine that analyzes your application and highlights places where semantic HTML should be used instead of ARIA-heavy or non-semantic patterns. It's not Axe-core, its not a WCAG violation checker, it's simply a tool that helps you write cleaner, sustainable, and more accessible markup from the start…"
https://dev.to/steady5063/semantica11y-semantic-html-for-everyone-4daa


+11: TYPOGRAPHY.

Should I Add a Dyslexia-Friendly Font to My App?
By Rob Whitaker.
"…The answer is 'probably not' - or more bluntly 'There are much more impactful accessibility considerations you can spend your time on.' Even if supporting users with dyslexia is important to you, there are still far more impactful choices you can make…"
https://mobilea11y.com/blog/dyslexia-fonts/

Dyslexia, Fonts and Finding Out What Works
By Malin Hammarberg.
"…So instead of forcing a 'magic dyslexia font' on people - give them the tools to adjust things themselves…"
https://stiftelsenfunka.org/about-us/columns/dyslexia-fonts-and-finding-out-what-works/


+12: WEBWASTE & SUSTAINABILITY.

The Net Climate Impact of Artificial Intelligence (AI): Balancing Current Costs with Future Climate Benefits
By John Sterman and Jennifer Turliuk.
"This chapter asks a deceptively simple but unresolved question: what is the net impact of artificial intelligence (AI) on climate change…"
https://papers.ssrn.com/sol3/papers.cfm?abstract_id=6689098

The Cost of Faster and Greener Computing
By Ece.
"Yesterday, SC4RC asked the foundational question: what does our computing cost? Today, it pushed further: into the harder question underneath: what are we willing to change?…"
https://codebeyondtheearth.substack.com/p/the-cost-of-faster-and-greener-computing

[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.]


Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
http://www.d.umn.edu/itss/training/online/webdesign/

W3C Invited Expert
Accessibility Guidelines Working Group
https://www.w3.org/groups/wg/ag/participants

Pronouns: she/her/hers
Reply all
Reply to author
Forward
0 new messages