+++ WEB DESIGN UPDATE. - Volume 22, Issue 36, February 28, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 36 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. The Folly of Chasing Demographics (*Content Warning) (Video) By Heydon Pickering. "Everyone is different, including, for example, different screen reader users. Your conception of a disability demographic is almost certainly wrong, so tailoring to this supposedly uniform group will end in error. Much better to focus on the capabilities of the design/tech and making these adaptable/flexible enough for people to find their own way with them… *Content Warning - this presentation contains material that may be triggering. Please be aware this talk includes references to Nazism, terrorism, and addiction." https://www.youtube.com/watch?v=3urk5Zht6MI Difference Between the Accessibility Page and the Accessibility Statement By Tom Babinszki. "…There is often much confusion about how to write an accessibility statement or how is it different from your organization's accessibility page…" https://evengrounds.com/difference-between-the-accessibility-page-and-the-accessibility-statement/ Reasonable WCAG Additions By Melanie Sumner. "… I dream of a little more clarity, a little more guidance, a little more explicit 'lolno quit that.'" https://melsumner.github.io/reasonable-wcag-additions What's Wrong With this Picture? [Quiz] By Ian Lloyd. "…we're looking at images, specifically the use of images that contain text. When do they fail SC 1.4.5 Images of Text? We're about to find out…" https://www.tpgi.com/does-it-fail-1-4-5-images-of-text/ Five Assistive Technologies You Should Be Aware Of By Nomensa. "…Assistive technology is a term often used to describe products or services that assist people with disabilities in completing tasks and achieving goals that they would otherwise find difficult or impossible. Its main purpose is to improve inclusion and participation and enable people to continue their lives with independence…" https://www.nomensa.com/blog/five-assistive-technologies-you-should-be-aware-of/ What WCAG 2.2 Means for Native Mobile Accessibility (Video) By Rachael Yomtoob and Devanshu Chandra. "…The W3C has recently published version 2.2 of WCAG which adds several new success criteria extending requirements for users with low vision, cognitive impairments, and limited fine motor skills. We'll cover if and how each of them can be applied to native mobile applications, including guidance from a member of the WCAG2ICT Task Force…" https://www.youtube.com/watch?v=BZwUaYsdzcI Future of Accessibility Guidelines (Video) By Wilco Fiers and Glenda Sims. "…Technology is changing at an unprecedented rate. With WCAG 3 still years away and no plans for WCAG 2.3, how can accessibility guidance keep up? Time to explore what else may be out there to advance your accessibility goals…" https://www.youtube.com/watch?v=cfOifHbfJtw&t=55s Screen Reader User Survey #10 Results By Jared Smith. "The results of WebAIM's 10th Screen Reader User Survey are now available. This survey was conducted in December 2023 and January 2024 and had 1539 respondents…" https://webaim.org/blog/screen-reader-user-survey-10-results/ Using the WebAIM Million and User Surveys to Inform Accessibility Efforts (Video) By Jared Smith. "…This session will provide an overview of recent findings and recommendations for using data in accessibility efforts…" https://www.youtube.com/watch?v=NSQK6T1oQSY&t=100 My WebAIM 10th SR User Survey Takeaways By Adrian Roselli. "A rambling collection of thoughts from reading through the WebAIM Screen Reader User Survey #10 Results…" https://adrianroselli.com/2024/02/my-webaim-10th-sr-user-survey-takeaways.html CAPTCHA Is Still Most Problematic Issue on the Web By Bogdan Cerovac. "Even with improved CAPTCHA user experience in the last couple of years we still stumble upon CAPTCHA challenges that are difficult to impossible. The situation is even worse for screen reader users and hasn't changed in more than a decade. How can we help?…" https://cerovac.com/a11y/2024/02/captcha-is-still-most-problematic-issue-on-the-web/ Inaccessible Marketing Emails Suck! By Erik Gustafsson Spagnoli. "I hate to see how many marketing emails that go to waste and frankly, suck! It really has irritated me throughout the years - so much it became my contribution to Axe-con 2024 and this article." https://axesslab.com/inaccessible-marketing-emails-suck/ Inaccessible Marketing Emails Suck! (Video) By Erik Gustafsson Spagnoli. "A rant on why making your customer communication accessible is important, even if the receiver has no blocking need for it. I will be showcasing some bad examples and better examples…" https://www.youtube.com/watch?v=ejdYUWCRO8Q Responsible and Ethical AI (Video) By Rumman Chowdhury. Dr. Chowdhury's AxeCon Keynote. https://www.youtube.com/watch?v=ccCZ4FxruMU How AI Will Help Us Re-Invent Accessibility, Lower Industry Load, and Cover More Disabilities (Video) By Gregg Vanderheiden. "…Advances in AI and related technologies will soon make it easier to make things accessible, and eventually allow us to address accessibility in dramatically new ways that will greatly reduce what companies must do in order to make their products accessible, and allow us to provide access to a much broader range of types, degrees, and combinations of disabilities - including multiple disabilities like deaf-blindness and disabilities that are tough to address well today like cognitive, language, and learning disabilities…" https://www.youtube.com/watch?v=Wln-f-zGcFQ The Digital Accessibility Legal Landscape (Video) By Lainey Feingold. "…This talk will be a lightening overview of what's happening in the United States legal space: lawsuits, negotiations, state and federal laws, regulations, and government agency guidance…" https://www.youtube.com/watch?v=8YYedK7EEfM Recent Changes to PSU's Digital Accessibility Standards By OIT Staff. "…The World Wide Web Consortium (W3C) recently updated their Web Content Accessibility Guidelines (WCAG) from Version 2.1 to Version 2.2. OIT in turn has updated our two standards that reference WCAG to stay in conformance with this update…" https://www.pdx.edu/technology/blog/recent-changes-psus-digital-accessibility-standards The Deaf Experience in Telehealth Accessibility By Meryl K. Evans. "…Telehealth is here to stay and it's time to ensure it's accessible to deaf people and people with other disabilities. It's a matter of life and death…" https://meryl.net/deaf-telehealth-accessibility/ Small Business in Maine Pulled into Website Accessibility Lawsuit By Thomas Logan. "…In this episode of A11y Insights, Ken Nakata from Converge Accessibility and Equal Entry CEO and founder Thomas Logan talk about the lawsuits and their impact on small businesses…" https://equalentry.com/accessibility-small-business-maine/ Update to State of Minnesota Digital Accessibility Standard Launches July 1 By Minnesota IT Services. "Chief Information Accessibility Officer Jay Wyant answers questions about the updated Standard and its impact." https://mn.gov/mnit/media/blog/?id=38-610208 +02: CASCADING STYLE SHEETS. The CSS Cascade - A (Re)Introduction (Video) By Manuel Matuzović. "A quick overview of the Cascade and how it works…" https://vimeo.com/916686376 CSS :has() Interactive Guide By Ahmad Shadeed. "An extensive guide to CSS :has() selector…" https://ishadeed.com/article/css-has-guide/ CSS-only Bottom-Anchored Scrolling Area By Kitty Giraudel. "…Imagine you have a scrollable area that displays chronological content like a feed (but not like LinkedIn, Facebook or Twitter which are reverse-chronological), similar to a chat window. You want the region to be scrolled to the bottom to begin with, which is where the relevant content is…" https://kittygiraudel.com/2024/02/26/css-only-bottom-anchored-scrolling-area/ +03: COLOR. Demystifying the APCA (Advanced Perceptual Contrast Algorithm) (Video) By James Sullivan. "The Advanced Perceptual Contrast Algorithm is still a work in progress for WCAG 3 but that doesn't mean we can't begin to learn how the algorithm might affect design! Over the next few years, this exciting new approach to color and typography will bring up a lot of valuable questions and designers we need to be equipped to answer as many as possible. Through this talk, you'll learn about the key changes the APCA brings, how it affects the future of design, and what we can all do prepare for when it arrives…" https://www.youtube.com/watch?v=Y03dhLk1dlU +04: EVALUATION & TESTING. Improve Effectiveness and Accuracy of Web Accessibility Testing With Sampling By Whitney Lewis. "…Using sampling in your accessibility strategy means you’ll get the most out of your accessibility testing without spending all your time and resources continually testing content…" https://blog.pope.tech/2024/02/26/improve-effectiveness-and-accuracy-of-web-accessibility-testing-with-sampling/ Should You Run a Survey? By Maddie Brown. "Even though surveys may be faster and cheaper than other research methods, they are not suited to all research goals. " https://www.nngroup.com/articles/should-you-run-a-survey/ A Primer on Biases and Errors in Survey Design By Jeff Sauro and Jim Lewis. "…Four common biases are: * Representativeness of sample * Sponsorship * Social desirability, prestige, acquiescence * Demographic…" https://measuringu.com/primer-in-biases-and-errors-in-survey-design/ +05: EVENTS. The Accessibility Tales: Stories from the Before Times March 5, 2024. Online and New York, New York, U.S.A. https://www.meetup.com/a11ynyc/events/298716501/ Accommodating Neurodivergent Learners with Star Peterson March 13, 2024. Online https://a11ytalks.com/posts/2024-MAR/ Audio Description Institute April 8-12 and September 9-13, 2024. Online https://interland3.donorperfect.net/weblink/weblink.aspx?name=E144393&id=94 Accessibility for Designers with Stéphanie Walter June 3-12, 2024. Online https://smashingconf.com/online-workshops/workshops/accessibility-design-stephanie-walter/ UI/UX Global Summit '24 June 11-12, 2024. Online https://events.geekle.us/uiux24/ International Society for Technology in Education (ISTE) June 23-26, 2024. Denver Colorado, U.S.A. https://conference.iste.org/2024/ UXPA 2024 June 24-27 2024. Fort Lauderdale Florida, U.S.A. https://uxpa2024.org/ +06: INFORMATION ARCHITECTURE. Card Sorting vs. Tree Testing By Samhita Tankala. "Card sort studies help shape information architectures; tree-testing studies evaluate them." https://www.nngroup.com/articles/card-sorting-tree-testing-differences/ +07: JAVASCRIPT. Why is JavaScript Fragile? By Chris Ferdinandi. "…I talk a lot about how JavaScript is the most fragile part of the stack, and that it's better to lean on HTML, CSS, and server-side languages when you can. But what do I mean by fragile, and what makes JavaScript more fragile than other languages?…" https://gomakethings.com/why-is-javascript-fragile/ What Is A Single-Page Application? By Heydon Pickering. "…SPAs replace the bad user experience of having to wait a second or two for 20KBs of HTML to be sent to your browser from a server with the good user experience of waiting several seconds for the server to send a 300KB JavaScript bundle, used to render HTML from scratch…" https://heydonworks.com/article/what-is-a-single-page-application/ +08: MISCELLANEOUS. Helping Debunk Disability Stigma with Squirmy and Grubs (Video) By Shane and Hannah Burcaw. "Authors and YouTubers, Shane and Hannah Burcaw, share their interabled love story as a way of breaking down and understanding social ableism and stigma surrounding disability. Through hilarious and cringey anecdotes, the duo will explore how all of us can be better allies to the disability community." https://www.youtube.com/watch?v=4UWqH2qxOmQ Automating Ableism By S.E. Smith. "To prevent an unjust future, disabled people must become key stakeholders in the development of artificial intelligence…" https://www.theverge.com/24066641/disability-ableism-ai-census-qalys +09: NAVIGATION. The Home Link Dilemma: Who Wins? Design or Accessibility! By Raghavendra Satish Peri. "…To save space in the navigation menu, designers often remove the Home link. However, it's crucial to think about how this change impacts the user experience…" https://www.digitala11y.com/the-home-link-dilemma-who-wins-design-or-accessibility/ +09: TOOLS. Selecting Web Accessibility Evaluation Tools (DRAFT) By W3C Web Accessibility Initiative (WAI). "Web accessibility evaluation tools are software programs or online services that help determine if web content meets accessibility guidelines. This document highlights features of evaluation tools, and discusses different aspects to consider when selecting these tools…" https://www.w3.org/WAI/test-evaluate/tools/selecting/ PageSpeed Insights Bookmarklet By Jeremy Keith. "…Drag that up to your desktop browser's bookmarks toolbar. Press it whenever you want to test the page you're on." https://adactio.com/journal/20911 +11: WEBWASTE & SUSTAINABILITY. Generative AI's Environmental Costs Are Soaring - and Mostly Secret By Kate Crawford. "First-of-its-kind US bill would address the environmental costs of the technology, but there's a long way to go…" https://www.nature.com/articles/d41586-024-00478-x Designing Waste Out of Networks By Gerry McGovern. "'Most people have a Wi-Fi router in their home,' network expert Ben Schwarz explains to me. 'That Wi-Fi router will typically consume about 15 watts per hour of use. The difference between when the Wi-Fi network is empty and when it is completely full is maximum 10% or 12%. If it uses 14 watts ticking along with nothing on the network, and then you load it up to its maximum capacity, it'll start using 16-17 watts. And you get the same thing with all network equipment…" https://gerrymcgovern.com/designing-waste-out-of-networks/ [Section one ends.] ++ SECTION TWO: +12: 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.]