Web Design Update: November 27, 2024

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 23, Issue 22, November 27, 2024.

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

++ISSUE 22 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: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: TOOLS.
10: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Old Alt Text Advice
By Steve Faulkner.
"I originally wrote this advice between 2010-2014 for the HTML5 specification with help from Laura Carlson and others. I still refer to it and decided it needed an update and a new home…" Yes, it's still relavant. A classic. Thanks, Steve for giving the document a new home.
https://html5accessibility.com/stuff/2024/11/23/old-alt-text-advice/

Avoid Read-only Controls
By Adrian Roselli.
"It's weird to me that after I urged everyone not to disable form controls, a bunch of them decided that making them read-only was somehow better. But here we are…"
https://adrianroselli.com/2024/11/avoid-read-only-controls.html

Using Severity Ratings to Prioritize Web Accessibility Remediation
By Alaina Foust.
"…In WebAIM's accessibility audits, each issue we identify is assigned one of four levels of severity based on how it impacts end users. In this article, we'll go over these severity ratings for accessibility and the types of issues that typically fall under these categories…"
https://webaim.org/blog/severity-ratings/

Practical vs. Technical ADA Compliance for Websites
By Kris Rivenburgh.
"When most clients ask me about making their website ADA compliant, what they're really asking is, can you help me not get sued (again)?…"
https://www.digitala11y.com/practical-vs-technical-ada-compliance-for-websites/

Keyboard Accessibility Testing on Mobile Devices
By Sam Ogami.
"Any bluetooth keyboard should work. If you are testing both iOS and Android, it is worth having a dedicated keyboard for each. If you are working alone and would like to save money, you can use one keyboard for two devices…"
https://github.com/workday-accessibility/accessibility-eval/blob/main/keyboard.md

Common Accessibility Issues of Norwegian Mobile Banking Applications
By Bogdan Cerovac.
"This is a summary for my Universal Design 2024 (UD2024) conference contribution, where I was using parts of EN 301 549 and WCAG to check how (in)accessible are iOS and Android mobile applications from 4 largest Norwegian banks…"
https://cerovac.com/a11y/2024/11/common-accessibility-issues-of-norwegian-mobile-banking-applications/

Introducing the Leader's Guide to Accessibility
By Samantha Merrett and Alice Dryden.
"This guide was created to give managers and leaders a good understanding of why accessibility is important in a format that they can read and access quickly. We also hope that leaders will use the further reading resources section to find out more about accessibility…"
https://accessibility.blog.gov.uk/2024/11/21/introducing-the-leaders-guide-to-accessibility/

WebAIM's Roadmap to Meeting the ADA Title II Requirements
By WebAIM.
"…If your organization qualifies as a covered entity, you must plan how to comply by the deadline and sustain that accessibility moving forward. This roadmap helps entities identify and prioritize compliance activities…"
https://webaim.org/articles/adaroadmap/

Update to ADA's Title II
By Jay Wyant.
"Chief Information Accessibility Officer Jay Wyant answers questions about the update to the Americans with Disabilities Act Title II and its impact for Minnesota government agencies, including legislative and judicial branches, Tribal Nations, municipalities, counties, K-12 and higher education, and more.…"
https://mn.gov/mnit/media/blog/?id=38-653553

How to Comply with DOJ's Seemingly Impossible Web Accessibility Regulation
By Ken Nakata.
"…On my third reading of DOJ's web accessibility rule, it is a lot clearer to me that DOJ created an imperfect rule based on naïve assumptions about WCAG and the current accessibility of state and local government applications. I think that DOJ expected that making state and local government websites would be a relatively simple project when it is an incredibly complicated effort. In this blog, I've tried to create a workable solution for state and local governments to meet an otherwise unworkable rule."
https://convergeaccessibility.com/2024/11/25/how_to_comply_with_dojs_seemingly_impossble_web_accessibility_regulation/

Doing the Numbers: Digital Accessibility and Shifting Left
By Greg Williams.
"…The most important thing you can do for your organization is bid goodbye to the reactive break-fix mode and say hello to shifting left. Shifting left means addressing accessibility issues much earlier in the development lifecycle. When content is accessible from the start, you don't have to fix it later…"
https://www.deque.com/blog/doing-the-numbers-digital-accessibility-and-shifting-left/

Be a Dolphin Not a Shark: Using Cooperation Over Conflict to Advance Digital Accessibility
By Lainey Feingold.
Lainey's presentation at the Paris Web Conference.
https://www.paris-web.fr/2024/conference/be-a-dolphin-not-a-shark-using-cooperation-over-conflict-to-advance-digital-accessibility

Vos Présentations Et Vos Sites Me Donnent Littéralement Envie De Vomir (Translation: Your Presentations and Your Sites Literally Make Me Want to Vomit) (Video)
By Christophe Breheret-Girardin.
Christophe's presentation at the Paris Web Conference. "…This presentation discusses the importance of designing slides and websites that are accessible to all users, with a particular focus on reducing motion sickness triggers. We will explore the various visual and auditory elements in people with inner ear problems, who are then sensitive to these stimuli. For example, by looking at the effects of animated GIFs, looping videos, visual transitions, parallax effects, and other elements, we will identify the challenges faced by users and propose strategies to overcome them." (The presentation in French)
https://www.paris-web.fr/2024/conference/vos-presentations-et-vos-sites-me-donnent-litteralement-envie-de-vomir


+02: BOOKS.

Bonsignore, Alisa. Sustainable Content: How to Measure and Mitigate the Carbon Footprint of Digital Data, River Grove Books, 2024.


+03: CASCADING STYLE SHEETS.

The CSS Reset Contradiction
By Jens Oliver Meiert.
"Our field (of web and frontend development) has been using resets-which for simplicity here includes 'reboots' and 'normalizers'-for about 20 years.…"
https://www.sitepoint.com/css-reset-contradiction/


+04: EVALUATION & TESTING.

UX Metrics Are Like Beans (Video)
By Caleb Sponheim.
"Common UX metrics can be grouped into three types: continuous, discrete, and binary. Continuous metrics occur on a smooth spectrum, like time. Discrete metrics have regular intervals between them, such as satisfaction score. Binary metrics have two possible values, like pass or fail."
https://www.youtube.com/watch?v=BxVqhVh8Kpw


+05: EVENTS.

FormFest 2024
December 4, 2024.
Online
https://web.cvent.com/event/FE574662-E643-4235-BCF1-283399673591/

How Strict Should We Be When Testing for WCAG Conformance? with James Edwards
December 12, 2024.
Online
https://www.tpgi.com/webinar-how-strict-should-we-be-when-testing-for-wcag-conformance/

The State of Accessibility - Episode 4 with Mark Miller and David Sloan
December 12, 2024.
Online
https://www.tpgi.com/the-state-of-accessibility-episode-4/

Accessibility Strategy and Goal-Setting Workshop with Amber Hinds
December 12, 2024.
Online
https://us02web.zoom.us/webinar/register/9017296105799/WN_x6H9aBi9RQeSKNlSx3r-Zg#/registration

FOSDEM 2025
February 1-2, 2025.
Brussels, Belgium
https://fosdem.org/2025/

ConFoo 2025
February 26-28, 2025.
Montreal, Canada
https://confoo.ca/en/2025

TechAccess Oklahoma 2024
March 4-5, 2025.
Oklahoma City, Oklahoma, U.S.A.
https://techaccessok.org/

devopsdays Los Angeles
March 7, 2025.
Pasadena, California, U.S.A.
https://devopsdays.org/events/2025-los-angeles/


+06: HTML.

Where Has All the Valid HTML Gone
By Jens Oliver Meiert.
"The results of the latest 'State of HTML' survey are in. Contributing to this part of the survey, I've been particularly curious about HTML validation-you know, that thing that differentiates a frontend developer from a houseplant…"
https://meiert.com/en/blog/where-has-all-the-valid-html-gone/


+07: JAVASCRIPT.

How to Test JavaScript for Accessibility Compliance
By Florian Schroiff.
"Discover how to test and optimize your JavaScript for accessibility compliance. Improve keyboard navigation, focus management, and user control…"
https://www.a11y-collective.com/blog/accessibility-in-javascript/

Exploring JavaScript Symbols
By Trevor I. Lasn.
"Deep dive into JavaScript Symbols - what they are, why they matter, and how to use them effectively…"
https://www.trevorlasn.com/blog/symbols-in-javascript

At Absolutely No Point in the 2020s Should You, or Anyone You Don't Hate, Start a Project With React.
By Alex Russell.
"There are a lot of reasons for this…"
https://toot.cafe/@slightlyoff/113544971918323360


+08: MISCELLANEOUS.

Paris Web (Videos)
All the videos from the 2024 Paris Web Conference are available.
https://www.paris-web.fr/revoir

W3C Web Accessibility Work Boosted by Ford Foundation Core Funding
By W3C.
"The World Wide Web Consortium (W3C) is pleased to share with our Members and community at large that we have received US$ 660,037 in core funding from the Ford Foundation via their Technology and Society program…"
https://www.w3.org/press-releases/2024/w3c-web-accessibility-work-boosted-by-ford-foundation-core-funding/

+09: TOOLS.

Bookmarklets
By Ian Lloyd.
Ian has been developing more bookmarklets for a11y folks (and developers in general). New to the vast collection are Visually Hidden, Blackout, Element Stripper, Node Killer, Selector Selector bookmarklets.
https://a11y-tools.com/bookmarklets/

Language of Parts Bookmarklet
By James Royal-Lawson.
"…Drag or copy the 'Lang of parts' link to your Bookmarks bar to create a bookmarklet that when activated will highlight all the elements on the page with a 'lang' attribute…"
https://beantin.net/language-of-parts-bookmarklet/

InclusiveColors Accessible Palette Creator
By Sean Wilson.
"This is my ongoing attempt at a tool for making custom branded color palettes for web and UI design that are built from the ground up to meet WCAG contrast accessibility guideline…"
https://www.inclusivecolors.com/


+10: WEBWASTE & SUSTAINABILITY.

Shaping Web Sustainability with the W3C (Podcast)
By Chris Adams.
"In this episode of Environment Variables, host Chris Adams dives into the evolving landscape of sustainable web development with Alexander Dawson and Tzviya Siegman from the World Wide Web Consortium (W3C). …"
https://podcasts.castplus.fm/e/xn1421y8-shaping-web-sustainability-with-the-w3c

Introducing Our Grid-Aware Websites Project
By Fershad Irani.
"We're kicking off a cutting-edge project to explore our idea for making grid-aware websites a commonplace tool in website developer toolkits, thanks to funding from SIDN Fonds. In this post we explain what we're setting out to achieve and why, how we're going to get there, who is helping us along the way and how the wider developer & digital sustainability community can get involved…"
https://www.thegreenwebfoundation.org/news/introducing-our-grid-aware-websites-project/

12 Reasons Not to Eco-Design a Digital Service
By Laurent Devernay.
"…There may be many reasons not to engage in ecodesign, not least because the subject may seem intimidating or even non-priority. It's important to bear in mind that ecodesign contributes to improving not only the user experience, but also other aspects of the digital service. Its integration into the project must be gradual, the essential point being to adopt a continuous improvement approach. Results won't be perfect overnight. However, the first step can be simple and effective, and results and skills improve over time."
https://greenspector.com/en/12-reasons-not-to-eco-design-a-digital-service/


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