Web Design Update: June 17, 2025

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 25, Issue 51, June 17, 2025.

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: EVENTS.
04: JAVASCRIPT.
05: MISCELLANEOUS.
06: USABILITY.
07: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

No Barriers, Just Bar Charts: Chart Accessibility Made Easy (Video)
By Funka.
"In this bite-sized webinar, we showed how to make your charts
clearer, smarter, and more accessible for everyone, including users
with visual or cognitive disabilities. You get practical tips on
readability, contrast, legends, colours, and layout – all based on
real user testing, audits, and accessibility standard…"
https://stiftelsenfunka.org/whats-up/archive/free-friday-webinars/#chart-accessibility

Getting Started With Manual Testing Webinar (Video)
By Pope Tech.
Pope Tech's Getting Started with Manual Testing Webinar recording is
now available on YouTube.
https://www.youtube.com/watch?v=Mouix6bDER0
Slides:
https://docs.google.com/presentation/d/1N1nR8RxrNHy2Rl8WCNujl1tmvdpU-zreMTcUIYJc8pk/

Testing Methods: Info and Relationships
By Dennis Deacon.
"WCAG 1.3.1 Info and Relationships is a Level A conformance level
Success Criterion. It requires that information, structure, and
relationships presented through content and user interface elements
must also be clear through text or programmatic means…"
https://www.dennisdeacon.com/web/accessibility/testing-methods-info-and-relationships/

A11y 101: 2.1.2 No Keyboard Trap
By Nat Tarnof.
"Let's talk about what a trap is, some examples, and ways to prevent them…"
https://tarnoff.info/2025/06/16/a11y-101-2-1-2-no-keyboard-trap/

Accname Unclarified
By Steve Faulkner.
"It is unclear to web developers, browser developers and assistive
tech developers when an accessible name provided via
aria-label/aria-labelledby should replace the child content as the
accessible name or be announced in addition to subtree content. This
results in bugs and frustration for anyone that this issue touches…"
https://html5accessibility.com/stuff/2025/06/12/accname-unclarified/

Accessibility Terms Every Content Creator Should Know
By Josh Crawford.
"…This practical glossary breaks down essential accessibility terms
helping you understand what these concepts mean for your daily content
creation work and communicate more confidently with designers,
developers, and stakeholders…"
https://www.digitalaccesstraining.com/pages/articles?p=accessibility-terms-every-content-creator-should-know

Accessible Rickrolling
By Heydon Pickering.
"…The above code is misleading. The label is not descriptive of the
topic or purpose. It's also accessible. It's accessible because
different users are treated the same. They share equal access to the
experience of being rickrolled. They may not want this experience and
they may not like it, but their abilities-or disabilities-do not
determine whether they have it…"
https://heydonworks.com/article/accessible-rick-rolling/

Liquid Glass: Apple, You Know Better
By Nat Tarnoff.
"Yesterday Apple unveiled their new design system, Liquid Glass…"
https://tarnoff.info/2025/06/11/liquid-glass-apple-you-know-better/

Apple's "Liquid Glass" Contrast Hilarity…
By Adrian Roselli.
"is now a bullet on my post 'I Don't Care What Google or Apple or Whoever Did'…"
https://toot.cafe/@aardrian/114660149859569581

Accessibility Statements: The Good, the Bad, and the Ugly
By Sheri Byrne-Haber.
"Let's start with the basic premise that not all accessibility
statements are created equally…"
https://buttondown.com/access-ability/archive/accessibility-statements-the-good-the-bad-and-the/

Mission Impossible - Accessibility Job Roles
By Craig Abbott.
"In this post, I'll break down a real job advert and point out the
things that concern me, in the hope it will help you to avoid taking
on an accessibility role which is an impossible task, and likely
detrimental to your health…"
https://www.craigabbott.co.uk/blog/mission-impossible-accessibility-job-roles/

Navigating the Intersection of Accessibility and Measurement Integrity in eCOA
By Paul O'Donohoe and Florence Mowlem.
"To truly achieve inclusivity and patient centricity, overcoming
legacy concerns about data comparability is key to embracing
accessibility standards in electronic clinical outcome assessment."
https://www.appliedclinicaltrialsonline.com/view/navigating-the-intersection-of-accessibility-and-measurement-integrity-in-ecoa


+02: CASCADING STYLE SHEETS.

New Session of the W3Cx Course on CSS Basics
By W3C.
"W3C opens today a new session of its CSS Basics course on W3Cx, where
you can learn how to take your web pages from bland to bold with the
power of CSS styling…"
https://www.w3.org/news/2025/new-session-of-the-w3cx-course-on-css-basics/


+03: EVENTS.

Maybe AAA is Not So Bad?
June 23, 2025
San Francisco, California, U.S.A
https://www.meetup.com/a11ybay/events/308314195/

Pieces of an Accessibility Audit: Semantics, Design Patterns, and
Attributes; Oh My!
June 26, 2025.
Online
https://www.tpgi.com/webinar-pieces-of-an-accessibility-audit-semantics-design-patterns-and-attributes-oh-my/

Navigating Accessibility: Understanding Canadian Regulations and
Building an Inclusive Organization with Robert Carr
June 26, 2025.
Tokyo, Japan
https://www.meetup.com/a11ytokyo/events/307765573/

Serving All Customers: Accessible Support Services and the European
Accessibility Act (Funka)
June 27, 2025.
Online
https://us06web.zoom.us/webinar/register/WN_NDF0CBOUToWcV1KXhMHdIg#/registration

UXVirtual Training
September 6-19, 2025.
Online
https://www.nngroup.com/training/september/

Open Source Accessibility Summit
October 12, 2025.
Raleigh, North Carolina, U.S.A
https://2025.allthingsopen.org/open-source-accessibility-summit


+04: JAVASCRIPT.

aria-selected: Practical Examples and Use Cases
By Florian Schroiff.
"Unlock the power of aria-selected with practical examples and best
practices. Learn when and how to use it and boost your web
accessibility skills."
https://www.a11y-collective.com/blog/aria-selected/

Avoid Event Listeners on the Window Object
By Nat Tarnoff.
"…This change removes the problem of repeating 'clickable' audio
clutter. And it should improve performance."
https://tarnoff.info/2025/06/13/quick-tip-avoid-event-listeners-on-the-window-object/

DPUB-ARIA and DPUB-AAM are Now Web Standards (W3C Recommendations)
By Tamsin Ewing.
"Digital Publishing WAI-ARIA Module 1.1 (DPUB-ARIA) and Digital
Publishing Accessibility API Mappings 1.1 (DPUB-AAM) have been
published as web standards (W3C Recommendations).…"
https://lists.w3.org/Archives/Public/public-wai-announce/2025AprJun/0006.html


+05: MISCELLANEOUS.

Speed, Cost, Quality, Choose 2 = Pragmatism, Passion, or Perfectionism
By Jens Oliver Meiert.
"…In this brief post, I'll refer to the version of selecting two of
speed, cost, and quality, to achieve a given outcome…"
https://meiert.com/blog/pragmatism-passion-or-perfectionism/

Advanced AI Suffers 'Complete Accuracy Collapse' in Face of Complex
Problems, Study Finds
By Betsy Reed.
"'Pretty devastating' Apple paper raises doubts about race to reach
stage of AI at which it matches human intelligence…"
https://www.theguardian.com/technology/2025/jun/09/apple-artificial-intelligence-ai-study-collapse


+06: USABILITY.

I Just Want to Click the Button
By Elaina Natario.
"…Shoehorning in overlays or extra steps won't always force folks to
use the nicely paved sidewalk you put in place. Your product - the web
really - is just a series of desire paths. Understanding those paths
(read: talking to users), is critical to designing an experience that
is based in reality, not just product objectives…"
https://thoughtbot.com/blog/i-just-want-to-click-the-button

Liquid Glass
By Hardik Pandya.
"…Liquid Glass feels like a solution in search of a problem. It adds
visual sophistication without adding functional value. It creates
aesthetic unity at the expense of interaction clarity…"
https://hvpandya.com/liquid-glass

Grids 101 (Video)
By Kelley Gordon.
"Page grids use columns, gutters, and margins to structure content -
boosting layout consistency, readability, and visual flow."
https://www.nngroup.com/videos/grids-101/

The User Experience of Meeting Software (2025)
By Jim Lewis and Jeff Sauro.
"…In this article, we present some key findings from our 2025
investigation of the UX of meeting software…"
https://measuringu.com/meeting-software-ux-2025/


+07: WEBWASTE & SUSTAINABILITY.

Open Source Carbon Footprints (Podcast)
By Chris Adams.
"Chris Adams is joined by Thibaud Colas; product lead at Torchbox,
president of the Django Software Foundation, and lead on Wagtail CMS.
They explore the role of open source projects in tackling digital
carbon emissions and discuss Wagtail's pioneering carbon footprint
reporting, sustainable default settings, and grid-aware website
features, all enabled through initiatives like Google Summer of Code.
Thibaud shares how transparency, contributor motivation, and clear
governance can drive impactful sustainability efforts in web
development, and why measuring and reducing emissions in the Python
ecosystem matters now more than ever…"
https://podcasts.castplus.fm/e/pnm526kn-open-source-carbon-footprints


[Section one ends.]


++ SECTION TWO:

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