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