Web Design Update: October 30, 2024

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 23, Issue 18, October 30, 2024.

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

++ISSUE 18 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: BOOKS.
03: CASCADING STYLE SHEETS.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.
10: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Talkin' Tables (Video)
By Adrian Roselli.
Adrian's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=xaIjHF7FHv8

The Internet Is Unusable - the Disabled View  (Video)
By Nic Steenhout.
Nic's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=naYwty9mMMA

Accessibility for the Deaf / Hard of Hearing and Progress Over Perfection (Video)
By Meryl K. Evans.
Meryl's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=ROFEXy-X-JU

Accessible UX: Design for the Rest of Us  (Video)
By Devon Persing.
Devon's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=15U3sZmXL4I

Improving Accessibility Through Design Systems  (Video)
By Homer Gaines.
Homer's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=lsl3xMUL-zo

New Digital Accessibility Regs: Who, What, When, Where, Why, and How (Video)
By Judith Risch.
Judith's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=M3IwxFb1EwU

Grassroots Strategies for Building Buy-In for Digital Access (Video)
By Korey Singleton.
Korey's 2024 Web Accessibility In Mind Conference presentation.
https://www.youtube.com/watch?v=4AOAzswt030

Are You Conducting User Flow Testing in These 4 Critical Areas?
By Melissa Morse.
"Let's explore these critical user journeys so you can improve your user experience, making your website or app more inclusive and user-friendly for everyone…"
https://www.tpgi.com/are-you-conducting-user-flow-testing-in-these-4-critical-areas/

Naming Things Is Still a Common and Enduring Challenge in Accessibility
By Bogdan Cerovac.
"Naming is one of the most difficult and enduring challenges in software engineering, and it is obvious that it's also a giant problem in accessibility. How can you help?…"
https://cerovac.com/a11y/2024/10/naming-things-is-still-a-common-and-enduring-challenge-in-accessibility/

Using Built-In Software Accessibility Checkers - Part 1: Microsoft Word
By Becky Bernauer, Rebecca Blomquist, and Tamara Sawyer.
"An overview of a helpful accessibility tool & the decision-making process for accessibility failures…"
https://mn.gov/mnit/media/blog/?id=38-650170

Using Built-In Software Accessibility Checkers - Part 2: Adobe Acrobat Pro
By Becky Bernauer, Rebecca Blomquist, Samantha Clayton, and Tamara Sawyer.
"An overview of a helpful accessibility testing tool & the decision-making process for addressing accessibility failures…"
https://mn.gov/mnit/media/blog/?id=38-650174

PDF Accessibility on the Web: Tricks and Traps - Part 1
By Ricky Onsman.
"This blog post is Part One of two adapted from a presentation I gave to the WordPress Accessibility Meetup…"
https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-1/

PDF Accessibility on the Web: Tricks and Traps - Part 1
By Ricky Onsman.
"…let’s deeper into some PDF accessibility issues related to Page Structure, Navigation, Forms, and Content issues…"
https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-2/

Predictors of Postsecondary Web Accessibility, 2012 to 2022
By Terrill Thompson, Dan Comden, Scott Ferguson, Dustine Bowker, Sheryl Burgstahler, Jared Smith, and Elizabeth Moore.
"…The substantial improvements observed in this study in web accessibility, the number of policies, and the number of 'accessibility' links on home pages suggest that postsecondary institutions became much more aware of digital accessibility between 2012 to 2022. Many variables are associated with web accessibility. Some are obvious… Others are less obvious but still unsurprising… We were surprised to find that the schools' wealth, based on endowment data, was not predictive of web accessibility…"
https://scholarworks.calstate.edu/concern/publications/gb19fd48d

Accessible Web Development for Underrepresented Disabilities
By Cesar Coronel, Jonna Alonso, and Carsen Potter.
"This paper explores how to improve inclusivity for individuals with invisible underrepresented cognitive disabilities in Information and communication technology (ICT), specifically web design…"
https://scholarworks.calstate.edu/concern/publications/kw52jh108

The Value of Accessibility Annotations in Inclusive Design
By Antonio Matera.
"Accessibility annotations are a powerful tool that can transform a design from merely functional to truly inclusive. Their integration into our processes has improved internal collaboration and ensured accessible digital experiences for all…"
https://tangible.is/en/thinking/2024/10/the-value-of-accessibility-annotations-in-inclusive-design

Addressing the Digital Accessibility Gap
By Brigitta Norton.
The Australian Web Accessibility Initiative (OZeWAI) co-hosted a fully accessible workshop with the Future Skills Organisation (FSO), which was held to gather evidence for the FSO's 'Bridging the Digital Divide: Digital Accessibility and Inclusion' discussion paper. Over 40 people participated online, from local, state and federal government…"
https://ozewai.org/blog/newsletter/addressing-the-digital-accessibility-gap/

A11y Camp: Keynote Slides
By Adrian Roselli.
"Download a 3.6MB tagged PDF of my slides or try the embedded view if your browser displays PDF inline…"
https://adrianroselli.com/2024/10/a11y-camp-keynote-slides.html

Accessibility Courses: Self-Paced Courses for Educators
By Teach Access.
"These free, self-paced courses for educators provide an introduction to disability and the principles of accessible design across various disciplines. In addition, they provide guidance to educators on how to start teaching accessibility in their courses…"
https://teachaccess.org/accessibility-courses/


+02: BOOKS

Persing, Devon, Accessibility Operations Guidebook, 2024.
https://devonpersing.netlify.app/book/


+03: CASCADING STYLE SHEETS.

Making Content-Aware Components Using CSS :has(), Grid, and Quantity Queries
By Eric W. Bailey.
"A big thing you need to contend with when working on design systems is anticipating all the different ways someone may use a component. The idea here is that you then preemptively provide sensible behavior and safeguards to keep things working well.…"
https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/


+04: EVENTS.

Catching up with ADA Title II Regulations for Web Content and Mobile App Accessibility with David Sloan
November 12, 2024.
Online
https://www.tpgi.com/webinar-catching-up-with-ada-title-ii-regulations-for-web-content-and-mobile-app-accessibility/

Nicolas Steenhout - ARIA 101
November 12, 2024.
Online
https://www.meetup.com/portland-accessibility-and-user-experience-meetup/events/302719204/

World Usability Day
November 14, 2024.
Global
https://www.worldusabilityday.org/

How to Think Beyond the Binary With Design
November 14, 2024.
Tokyo, Japan
https://www.meetup.com/a11ytokyo/events/304157058/

User Centered Testing with User Journeys
November 14, 2024.
Online
https://www.tpgi.com/webinar-user-centered-testing-with-user-journeys/


+05: HTML.

Clarifying the Relationship Between Popovers and Dialogs
By Zell Liew.
"The difference between Popovers (i.e., the popover attribute) and Dialogs (i.e., both the <dialog> element and the dialog accessible role) is incredibly confusing - so much that many articles (like this, this, and this) have tried to shed some light on the issue…"
https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/


+06: JAVASCRIPT.

What's New in WAI ARIA 1.3
By Azra Tayyebi.
"Working with web accessibility often involves ARIA attributes. But how should ARIA attributes actually be used? And what are the latest developments in WAI-ARIA that you should know about? Learn about new possibilities available with WAI-ARIA. "
https://iaap-nordic.org/en/whats-up/recorded-events/#new-in-wai-aria

Mind The (Remediation) Gap
By Doug Abrams.
"…Please, please, please, do not rely on these (JavaScript) frameworks until you understand the basics of HTML and CSS. Because at the end of the day, there’s only so much that accessibility consultants can do to help if developers lose sight of the 'front-end' in 'front-end development'…"
https://www.tpgi.com/mind-the-remediation-gap/


+07: MISCELLANEOUS.

W3C@30: W3C and Me (Video)
By Léonie Watson.
"In this talk, Léonie reflects on the past 30 years, especially her many encounters with the W3C. She concludes that the true accomplishment isn't the standards and specifications, but the incredible people of the Web community she has had the privilege to work with…"
https://www.youtube.com/watch?v=jXHpcDJj3Mc


+08: NAVIGATION.

Smarter than 'Ctrl+F': Linking Directly to Web Page Content
By Ahmad Alfy.
"…Text fragments are a powerful feature of the modern web platform that allows for precise linking to specific text within a web page without the need to add an anchor! This feature is complemented by the ::target-text CSS pseudo-element, which provides a way to style the highlighted text…"
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html


+09: USABILITY.

Product and UX Glossary
By Sara Paul.
"Use this glossary to quickly clarify key terms and concepts related to product management and UX."
https://www.nngroup.com/articles/product-ux-glossary/

Technology Myths and Urban Legends
By Kate Moran and Kim Flaherty.
"When users don't clearly understand how systems function, they develop unique (and often incorrect) theories to explain their experiences"
https://www.nngroup.com/articles/technology-myths/

Why 90's Designs Are Coming Back (Video)
By Megan Chan.
"Understanding the cyclical nature of design trends allows us to build on the past and fulfill the evolving needs of users. 3 examples of returning trends are neumorphism, dark mode, and gradients."
https://www.nngroup.com/videos/cyclical-design-trends/


+10: WEBWASTE & SUSTAINABILITY.

Digital Will Sink in Its Own Crap
By Gerry McGovern.
"…Soon, we will be producing thousands of zettabytes a year. It's a tsunami of data every day, every hour of every day, every minute of every hour, every second of every minute. As a result, important data that definitely does need storing is getting lost…"
https://gerrymcgovern.com/digital-will-sink-in-its-own-crap/

AI Environmental Impact Report
By Michelle Barker.
"The Green Web Foundation have published a thorough and insightful report into the sustainability of AI, and the results are pretty damning…"
https://css-irl.info/ai-environmental-impact-report/

[Section one ends.]


++ SECTION TWO:

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