+++ 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:lcarlson@d.umn.edu [Issue ends.]