+++ WEB DESIGN UPDATE. - Volume 23, Issue 06, August 6, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 06 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. AT Is More Than Screen Readers By Adrian Roselli. "…If you use 'AT' in conversation or writing to: mean only screen readers; relate how something is announced; discuss ARIA support; justify visually hiding something. Then you are most likely using 'AT' incorrectly…" https://adrianroselli.com/2024/08/at-is-more-than-screen-readers.html User "Wants" Versus Accessibility By Martin Underhill. "In organisations that are getting to grips with accessibility, there's often a tension between what their users ask for and doing things in an accessible way…" https://www.tempertemper.net/blog/user-wants-versus-accessibility Decoding WCAG: "Change of Context" and "Change of Content" By Jon Whiting. "…In this post, we will explore two more WCAG terms that are easily confused-change of context and change of content…" https://webaim.org/blog/decoding-wcag-change-of-context/ The Anatomy of Accessible Forms: Best Practices By Uday Shetty. "When it comes to filling out an online form, we all want pretty much the same thing: clear instructions, a quick process, and a seamless experience.…" https://www.deque.com/blog/anatomy-of-accessible-forms-best-practices/ Beyond Section 508 Digital Accessibility Requirements: An Overview of Web Accessibility Requirements from WCAG 2.1 and 2.2 (Video) By Rachael Bradley Montgomery and Bruce Bailey. The video and slides for this U.S. Access Board webinar are now available. "Learning objectives:  * Better understand the new Success Criteria in WCAG 2.1 and 2.2 * Better understand accessibility gaps in WCAG 2.0" https://www.accessibilityonline.org/cioc-508/archives/111123 Unlock the Secrets to Becoming an Accessibility Design Pro With Ease By Girolamo Sans Giannatempo. "Make the learning process stress-free with our library of high-quality resources for UX/UI designers…Don't forget: 67% of accessibility defects originate in design…" https://www.foreveryone.design/ Exploring the Challenges in Creating an Accessible Sortable List (Drag-and-Drop) By Kendall Gassner. "Drag-and-drop is a highly interactive and visual interface. We often use drag-and-drop to perform tasks like uploading files, reordering browser bookmarks, or even moving a card in solitaire.…" https://github.blog/engineering/exploring-the-challenges-in-creating-an-accessible-sortable-list-drag-and-drop/ The Importance of Accessibility Audits for Digital Assets (Part 2) By Michael Harshbarger. "This two-part series discusses the significance of digital accessibility audits. Part one, introduced accessibility audits and highlights the benefits they offer. Part two, focuses on the important parts of an accessibility audit, with practical examples and a step-by-step guide to help you get started…" https://accessibilityfirstsolutions.com/accessibility-audits/ Top 5 iOS Mobile App Accessibility Issues Pt 1. By Mark Steadman. "Over the last few years, I have been asked more and more 'Mark, what are the most common issues in mobile applications'…" https://dev.to/steady5063/top-5-ios-mobile-app-accessibility-issues-pt-1-51g8 To Equitability and Beyond: Embracing Equitable Design Principles (Video) By Charlii Parker, Jacinta Gregory, and Julia Svaganovic. "In this webinar Charlii and Jacinta explore all aspects equitable design research: just what is it? How does it differ from universal design, and inclusive design? Steps and strategies to start making your products accessible, inclusive and an enjoyable experience for everyone. And best practices in designing with people with disability.…" https://www.youtube.com/watch?v=fYbZpieQO7g Types Of Accessibility Approaches By Melanie Sumner. "Yesterday, I was in a discussion about an accessibility-related technical issue, and a person in the discussion said something along the lines of 'I don't understand how you can't empathize with the user here.' TBQH, my brain…broke.…" https://melsumner.github.io/types-of-accessibility-approaches +02: CASCADING STYLE SHEETS. CSS One-Liners to Improve (Almost) Every Project By Alvaro Montoro. "A handy collection of simple CSS solutions to add little improvements to any web page by Alvaro Montoro…" https://piccalil.li/links/css-one-liners-to-improve-almost-every-project/ Standardization Stories (Video) By Elika J. Etemad. Elika's CSS Day presentation. https://www.youtube.com/watch?v=krh_nb9PdVk +03: EVALUATION & TESTING. We Asked Real Users With Disabilities to Test a Website. Here's What We Learned By Iskandar Mamadnazarov. "Usability testing asks real users to interact with a digital product to see what works and what doesn't. It provides valuable insights for fine tuning the user experience…" https://evolvingweb.com/blog/we-asked-real-users-disabilities-test-website-heres-what-we-learned Success Rate vs. Completion Rate (Video) By Tim Neusesser. Measure completion rate when users follow a linear process with a fixed number of steps; use success rate when there are multiple ways to accomplish a task. https://www.nngroup.com/videos/success-rate-vs-completion-rate/ +04: EVENTS. New Title II ADA Regulations for Websites and Mobile Apps: What Libraries Need to Know August 13, 2024. Online https://ala-events.zoom.us/webinar/register/WN_Jcc-8b9VTV-8nyoerwkjWQ#/registration Measuring the Accessibility Status of Higher Education Institutions September 25, 2024. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0ATn000000Q6szMAC The Impact of AI Accessibility Learning in Education September 26, 2024. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0ATn000000Q6ubMAC Accessible Typography for Web and UI Design Masterclass with Oliver Schöndorfer October 10-18, 2024. Online https://smashingconf.com/online-workshops/workshops/oliver-schondorfer-accessible-typography/ +05: HTML. The Anchor Element By Heydon Pickering. "…First alphabetically and first in importance is the HTML element…" https://heydonworks.com/article/the-anchor-element/ +06: JAVASCRIPT. A Handful of Reasons JavaScript Won't Be Available By Andy Bell. "It's always safe to assume JavaScript will not be available, so here's a quick list of very realistic reasons it won't be…" https://piccalil.li/blog/a-handful-of-reasons-javascript-wont-be-available/ Reliable JavaScript Benchmarking with Tachometer By Nolan Lawson. "Writing good benchmarks is hard…" https://nolanlawson.com/2024/08/05/reliable-javascript-benchmarking-with-tachometer/ +07: MISCELLANEOUS. Do the WCAG By Steve Faulkner. "This is a shout out to David MacDonald, who while absent of late due to family responsibilities, has been a constant presence in the W3C WAI working groups and contributing to accessibility web standards for many a year…" https://html5accessibility.com/stuff/2024/08/01/do-the-wcag/ Calling Someone "Too Old" Is Ageist By Jens Oliver Meiert. "…One important step against ageism is to unlink age and ability-someone either is capable or able to do something, or they aren't (sometimes not anymore, sometimes not yet). That requires us to be specific about the abilities we expect, to then consider everyone in the process…" https://meiert.com/en/blog/never-too-old/ AI Act is Here By Alvaro Montoro. "The European Union enabled the Artificial Intelligence Act, the first-ever legal framework on AI, addressing its risks and positioning Europe as a leader in AI legislation." https://alvaromontoro.com/blog/68057/ai-act-is-here Empowering People with Disabilities Using GitHub Copilot (Video) By Carie Fisher and Jesse Dugas. "Join Carie and Jesse from the GitHub Accessibility team for an engaging session on improving your coding practices with GitHub Copilot. Learn about its accessibility features, watch demonstrations on writing accessible code, and discover techniques to enhance the accessibility of your own projects. This session will help make your development process more efficient and inclusive…" https://www.youtube.com/watch?v=a10I27xINlU +08: USABILITY. Tabs, Used Right By Evan Sunwall and Jakob Nielsen. "Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability." https://www.nngroup.com/articles/tabs-used-right/ [Section one ends.] ++ SECTION TWO: +17: 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.]