Web Design Update: July 8, 2025

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 26, Issue 02, July 8, 2025.

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

++ISSUE 02 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: EVENTS.
03: HTML.
04: TOOLS.
05: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Digital Accessibility Fundamentals 1.1: What Is Digital Accessibility? (Video)
By Intopia.
"In lesson one, we'll unpack what does digital accessibility mean, and who does it affect?…"
https://www.youtube.com/watch?v=EqJHyrKtXUI

Digital Accessibility Fundamentals 1.2: Who Does Digital Accessibility Affect? (Video)
By Intopia.
"In lesson two, we'll explore who our users are and how they might be affected by digital accessibility…"
https://www.youtube.com/watch?v=Wfyv_7daCLA

Digital Accessibility Fundamentals 1.3: Why Engage With Digital Accessibility? (Video)
By Intopia.
"In lesson three, we're going to explore the key reasons to engage with digital accessibility…"
https://www.youtube.com/watch?v=v__oBuTRcKk

Digital Accessibility Fundamentals 1.4: What Are Our Obligations? (Video)
By Intopia.
"In lesson four, let's go over our legal obligations relating to digital accessibility, and what can help us meet those obligations…"
https://www.youtube.com/watch?v=GC94abI_xj4

From "I" to "We": Building Lasting Accessibility by Letting Go
By Ted Drake.
"Long lasting accessibility leadership is driven by community engagement. Learn how we've used this mindset to grow accessibility at Intuit, Yahoo, and beyond…"
https://www.last-child.com/from-i-to-we.html

A11y 101: 2.2.1 Timing Adjustable
By Nat Tarnoff.
"You know the feeling. You've just spent the last twenty minutes filling out a form on a website. Suddenly, it asks for a specific piece of information. You need to dig for this information. You spend the next 7 minutes digging in your desk, files, computer, until you find it. Flip back to your form, and you are logged out…"
https://tarnoff.info/2025/07/07/a11y-101-2-2-1-timing-adjustable/

Check / Uncheck All in a Table
By Adrian Roselli.
"Unless you have user testing results saying otherwise, maybe put a check-all checkbox outside the table…"
https://adrianroselli.com/2025/07/check-uncheck-all-in-a-table.html

Hierarchy in Tables
By Martin Underhill.
"Over the last five years working at an accounting and HR software company, I've seen a lot of tables that should be lists, but there are still a lot of tables that absolutely should be tables…"
https://www.tempertemper.net/blog/hierarchy-in-tables

How to Create Accessible Data Tables: Best Practices for Web Developers
By Michael Beck.
"In this blog post, I'll walk through best practices for designing accessible data tables, ensuring that they are usable for everyone, including those with visual, motor, and cognitive impairments…"
https://afixt.com/how-to-create-accessible-data-tables-best-practices-for-web-developers/

WCAG Success Criterion "Specification of Input Purpose"
By Kazuhiko Tsuchiya.
"WCAG (Web Content Accessibility Guidelines) have a Success Criterion: Identifying the Purpose of Entry…"
https://accessible-usable.net/2025/06/entry_250630.html

Implement WCAG Rules in Your Infographics
By Team A11Y Collective.
"Create WCAG-compliant infographics with expert tips on alt text, contrast, and screen reader support. Make your visuals accessible to all…"
https://www.a11y-collective.com/blog/accessible-infographics/

Give Users' Brains a Break: UX Tips for Cognitive Accessibility
By Homer Gaines Jr.
"UX guidance from accessibility experts informed by the Cognitive and Learning Disabilities Accessibility Task Force (COGA) objectives and WCAG 2.2…"
https://coforma.io/perspectives/give-users-brains-a-break-ux-tips-for-cognitive-accessibility

Cognitive Accessibility: Writing Copy That Works for Everyone
By Josh Crawford.
"Many content creators unknowingly exclude portions of their audience through complex language, poor structure, and overwhelming layouts, missing opportunities to engage effectively with people who have cognitive and learning disabilities. This guide provides practical techniques for plain language writing, multi-format content presentation, and clear information structure to help you create more inclusive content that improves comprehension and engagement for all readers…"
https://www.digitalaccesstraining.com/pages/articles?p=cognitive-accessibility-writing-copy-that-works

Designing for Cognitive Disabilities: Best Practices for an Inclusive Web
By Michael Beck.
"…In this blog post, we're going to explore what it means to design for cognitive disabilities and why it's critical. We'll also cover practical strategies and best practices to create more inclusive, user-friendly websites and apps…"
https://afixt.com/designing-for-cognitive-disabilities-best-practices-for-an-inclusive-web

Robust Roles on Android
By John Lilly.
"This article is intended for technical audiences such as frontend Android developers. It relies heavily on code examples for the View-based projects. Code examples are given in Java, but Android studio will automatically convert Java to Kotlin when pasted into the IDE if you happen to be using Kotlin."
https://www.tpgi.com/robust-roles-on-android/

Ensuring Accessibility in Single Page Applications: A Comprehensive Guide
By Michael Beck.
"…In this blog post, we'll take a deep dive into how to ensure your Single Page Application is accessible. We'll look at the best practices, tools, and strategies that will help you create a more inclusive experience for all users. Whether you're new to SPAs or have been developing them for years, this guide will help you identify and overcome common accessibility issues…"
https://afixt.com/ensuring-accessibility-in-single-page-applications-a-comprehensive-guide/

ADA Title II Revision - Training Needed To Satisfy New Web Content And Mobile App Accessibility Requirements For State And Local Government Entities
By Kevin Gunnenny.
"…Title II's assertion that training will be needed is supported by independent analysis. In the area of higher education, for example, 81% of faculty say that they need more information on the Title II requirements. According to another study, 'nearly half of local [government] leaders were missing key information about the April 2024 [Department of Justice] update'…"
https://www.microassist.com/digital-accessibility/ada-title-ii-revision-training-needed-to-satisfy-new-web-content-and-mobile-app-accessibility-requirements-for-state-and-local-government-entities/


+02: EVENTS.

Policy to Practice: Turning Accessibility Regulations into Action
July 9, 2025.
Online
https://us02web.zoom.us/webinar/register/7017513644928/WN_JZTqQRJmQtCLTrjgrKF-pQ#/registration

Creating Accessible Documents - The Basics (Part 1)
July 16, 2025.
Online
https://mainecite.org/trainings/creating-accessible-documents-the-basics-part-1-july-16-2025/

That Doesn't Need to Be a PDF
July 29, 2025.
Online
https://www.accessibilityonline.org/cioc-508/session?id=111171

How to Get Ready for ADA Title 2 (Pope Tech)
July 30, 2025.
Online
https://us02web.zoom.us/webinar/register/WN_HlyUNgURTa6yCGf6Nulciw#/registration

Accessibility in Technology Procurement and Use
August 7, 2025.
Online
https://webaim.org/training/procurement/

Virtual Web Accessibility Training
August 20-21, 2025.
Online
https://webaim.org/training/virtual/


+03: HTML.

Know Your HTML (Yes, TSX Included)
By Anselm Hannemann.
"…There are still very few frontend developers today who truly know how to write semantic HTML and build with accessibility in mind. This is more important than ever, especially with the European Accessibility Act (EAA) now being enforced across Europe…"
https://helloanselm.com/writings/know-your-html-yes-tsx-included

Tabindex: What It Is, How It Works, and When to Use It
By Whitney Lewis.
"Tabindex is an HTML attribute that controls keyboard focus and can hurt or support accessibility depending on how you use it…"
https://blog.pope.tech/2025/07/01/tabindex-what-it-is-how-it-works-and-when-to-use-it/

When and How to Use Tabindex for Better Accessibility (Video)
By Whitney Lewis.
https://blog.pope.tech/2025/07/01/when-and-how-to-use-tabindex-for-better-accessibility-video/


+04: TOOLS.

Convert PDF to HTML
By PDFix.
"Convert PDF to a fixed or responsive HTML…"
https://pdfix.io/convert-pdf-to-html/


+05: USABILITY.

14 Logic-Driven UI Design Tips to Improve Any Interface
By Adham Dannaway.
"UI design tips to improve your interface designs using logic rather than gut feel…"
https://scribe.rip/14-logic-driven-ui-design-tips-145ee08ea5a5

The Floppy Disk Icon as 'Save:' Still Appropriate Today?
By Kate Kaplan.
"Users still recognize the floppy disk icon as 'save,' but evolving workflows mean it may no longer be the clearest or most appropriate choice in many cases."
https://www.nngroup.com/articles/floppy-disk-icon-understandability/


[Section one ends.]


++ SECTION TWO:

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