+++ WEB DESIGN UPDATE. - Volume 22, Issue 14, September 27, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 14 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: NAVIGATION. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What Makes an Accessible Date Picker? Is It Even Possible? (Video) By Russ Weakley. "You've seen them in the wild, maybe even audited them. The stuff of nightmares. But what makes a truly accessible date picker? This presentation will explore sate pickers from a range of different perspectives including people with virtual keyboard users, keyboard users, screen reader users and more…" https://www.youtube.com/watch?v=D2Gy2WN4Iys&t=128s Russ' Slides: https://intopia.github.io/accessibility-presentations/id24-2023.html#/ Accessibility Is Easy … Except for When It Isn't (Video) By Ian Lloyd. Ian's State of the Browser presentation. https://a11y-tools.com/presentations/SOTB23/ Voice of Contention (Video) By Léonie Watson. "…It turns out that we're much better at voice design than we are visual design, so why isn't it possible to design voice experiences in the browser and what can we do about it?…" https://www.youtube.com/watch?v=--61pyOYYbs&t=118s The Value of Measuring Your Accessibility Maturity (Video) By Andrew Arch and Neil Jarvis. "H. James Harrington said 'If you can't measure something, you can't understand it. If you can't understand it, you can't control it. If you can't control it, you can't improve it.' Join Andrew Arch and Neil Jarvis from Intopia for a presentation on the value of measuring your digital accessibility maturity…" https://www.youtube.com/watch?v=VL8qpr9P4nE&t=174 Save Our World with Progressive Enhancement and Accessibility (Video) By Jennifer Strickland. "Discover how progressive enhancement serves not only accessibility and usability but sustainability. Best practices for ensuring no one is excluded can also reduce your application's impact on the environment…" https://www.youtube.com/watch?v=VL8qpr9P4nE&t=118 Graphic Design for Accessibility Symposium (Video) By University of Wisconsin Madison. This Septmber 15 event featured presentations by John O'Neill, disability advocate and designer and Andrea Cardinal, experience designer and social practice artist. https://www.youtube.com/watch?v=8JO9FE8fgT0 Accessibility in Action: Indigenous Communities (Video) By Meggan Van Harten. "Discover how Indigenous accessibility diverges from general compliance principles…" https://www.youtube.com/watch?v=WS_2k8fjUOY&t=138s How to Make Subtitles Readable to Everyone? (Video) By Emmanuelle Aboa. "On videos posted on social networks in French as in English, the open captions often lack contrast, are too small or badly positioned to be readable by disabilities people. I would give some tips to make your subtitles readable, visible and understandable for everyone…" https://www.youtube.com/watch?v=k2GjNsBCA48&t=138s For the Unseen: Inclusive Design for People with Invisible Disabilities (Video) By Prakriti Chawla. "This talk will explore the concept of neurodiversity and the importance of designing for a wide range of cognitive abilities…" https://www.youtube.com/watch?v=XNHf_VMC1O4&t=81 Unlocking a World of Accessibility: How Internationalization Is the Key (Video) By Anil Kumar. "Join Anil as he discusses the vital role of internationalization and localization in making software accessible worldwide…" https://www.youtube.com/watch?v=bGLAsp5XTVA&t=146s Building a Core Accessibility Team: The Keys to the Kingdom By Heidi Kelly-Gibson. "…we'll explore how a core accessibility team can be an essential component of creating inclusive digital experiences…" https://www.deque.com/blog/steps-build-core-accessibility-team/ Cost of Implementing Digital Accessibility at the Enterprise Level By Raghavendra Satish Peri. "…the cost of implementing digital accessibility is undeniably influenced by the size of the business…" https://www.digitala11y.com/cost-of-implementing-digital-accessibility-at-the-enterprise-level/ What Are Accessibility Overlays? (Video) By Heydon Pickering. "All accessibility overlays are bad…" https://briefs.video/videos/what-are-accessibility-overlays/ The Children Are Driving the Bus By Adrian Roselli. "…If your sense of personal value is such that someone pointing out flaws in a demonstrably broken tool is enough to make your blood boil, then maybe you are in the wrong career. If you are making that tool, you are definitely in the wrong career." https://adrianroselli.com/2023/09/the-children-are-driving-the-bus.html Updated W3C Recommendation: Web Content Accessibility Guidelines (WCAG) 2.1 By W3C Accessibility Guidelines Working Group. "…The update incorporates existing errata and adds informative notes to success criteria 4.1.1 Parsing…" The list of changes includes a note that 4.1.1 Parsing '… should be considered as always satisfied for any content using HTML or XML.' https://www.w3.org/news/2023/updated-w3c-recommendation-web-content-accessibility-guidelines-wcag-2-1/ What an Economist Article Says About Website Accessibility and Lawsuits By Thomas Logan. "…Ken Nakata from Converge Accessibility and Equal Entry CEO and founder Thomas Logan discuss the key points of the article…" https://equalentry.com/economist-website-accessibility-lawsuits/ Advocates + Lawyers Working for Change (Video) By Lainey Feingold and Kim Charlson. "…Disability rights lawyer Lainey Feingold and international blind activist Kim Charlson have worked together for more than a quarter century to advance accessibility in the U.S. In this session they will explore how the power of collaboration between advocates and lawyers can lead to lasting change for people with disabilities…" https://www.youtube.com/watch?v=UyPsEclgOws&t=140s +02: BOOKS. * Tham, Howard, and Verhulsdonckv. "UX Writing: Designing User-Centered Content", Routledge, 2023. +03: CASCADING STYLE SHEETS. CSS Viewport Units: vh, vw, vmin, and vmax By Asha Laxmi, Maria Antonietta Perna. "A thorough introduction to the use of CSS viewport units (vh, vw, vmin, and vmax) for truly responsive typography and layout elements…" https://www.sitepoint.com/css-viewport-units-quick-start/ +04: EVALUATION & TESTING. Trauma-Informed UX Research (Video) By Zariah Cameron. "How can we reimagine our UX Research practice to be more trauma-responsive and Informed for both the research participant and the researcher…" https://www.youtube.com/watch?v=xl2uVJir_80&t=116s Native Mobile Accessibility Testing (Video) By Jan Jaap de Groot. "Unlike websites, with apps you usually don't get access to the source code. And that raises the question: how can you test the accessibility? There is no single answer. Jan Jaap shows different ways to test the accessibility of apps and highlights the similarities and differences with testing websites…" https://www.youtube.com/watch?v=X8aioKWLNJM&t=126s Confounding Variables in Quantitative Studies By Caleb Sponheim. "Confounding variables interfere with quantitative studies, leading to inaccurate results. Avoid introducing such variables by randomizing your study's conditions and keeping your research questions focused." https://www.nngroup.com/articles/confounding-variables-quantitative-ux/ Does Thinking Aloud Reduce the Evaluator Effect? By Jeff Sauro, Dylan Atkins, and Jim Lewis. "…There are, however, some negative side effects of verbalizations. While it had little effect on study-level metrics…" https://measuringu.com/does-ta-reduce-the-evaluator-effect/ Engagement Metrics in UX (Video) By Page Laubheimer. "Engagement is an abstract, complex concept used to understand how much people interact with our products. Choosing the right engagement metrics goes beyond time spent." https://www.nngroup.com/videos/engagement-metrics/ +05: EVENTS. Stop Over-Engineering Your CSS September 28, 2023. Online https://www.meetup.com/css-cafe/events/295880075 Building the Business Case for Accessibility October 4, 2023. Online https://zoom.us/meeting/register/tJMvcOGprz8qGtatVFuOftufIFTyxJ12IVdA#/ Help Audit Nonprofit Websites for Accessibility October 7-8, 2023. Online https://www.meetup.com/atlanta-accessibility-meetup/events/295825047/ Literary Image Descriptions October 19, 2023. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0A4z000018Qg7ZEAS axe-con 2024 February 20-22, 2024. Online https://www.deque.com/axe-con/ +06: HTML. Misconceptions Can Kill Accessibility Momentum By Eric Eggert. "…The power to redefine how focus works amongst a group of UI elements brings with it a great deal of responsibility to not mess it up. For most people, including many accessibility pros, it's a challenge to decide when to use which behavior. Developers are bound to stumble over these techniques, like they do now with over-eager use of ARIA roles or the tabindex attribute. They might implement it without checking their assumptions…" https://yatil.net/blog/misconceptions-can-kill-accessibility-momentum HTML Popover, Videos and display:blackhole By Bruce Lawson. "…while I was prototyping a new project, I decided to use HTML popover…" https://brucelawson.co.uk/2023/html-popover-videos-display-blackhole/ Accessible Web Components? (Video) By Manuel Matuzović. "This talk centers on one question: 'Is it possible to create accessible web components?' Manuel introduces you to web components and shares everything he's learned in the past year of intensive work with this standard. You'll learn about pros, cons, and pitfalls…" https://www.youtube.com/watch?v=ko1WlkT4Phc&t=118s State of HTML 2023 Survey By Devographics. "…Building on the success of State of JS and State of CSS, we introduce State of HTML…" https://survey.devographics.com/survey/state-of-html/2023 +07: JAVASCRIPT. Accessible-Notifications Explainer By Doug Geoffray. "This is the repository for ARIA Accessible Notifications. You're welcome to contribute…" https://github.com/WICG/accessible-notifications#accessible-notifications-explainer What Can You Do With data Attributes? By Chris Ferdinandi. "Data attributes are a way to add data in HTML that you can access with JavaScript…" https://gomakethings.com/what-can-you-do-with-data-attributes/ +08: MISCELLANEOUS. Disability Bias in Artificial Intelligence (Video) By Christopher Land. "Learn about bias in artificial intelligence which can discriminate against marginalized groups. When built accessibly, AI systems can promote fairness and enhance the lives of everyone, in amazing and unprecedented ways…" https://www.youtube.com/watch?v=n2z4V5gltJA&t=146s Statement on Generative AI By Ben Myers. "…The current state of generative AI is environmentally disastrous and built on the backbone of labor exploitation, particularly in the global south. Large language models' disregard for the truth is, at this point, well-documented. Technology is not neutral. Leveraging and normalizing generative AI is not a neutral act…" https://benmyers.dev/ai-statement/ What Yom Kippur Can Teach Us About the Brutality of Ableism By Julia Watts Belser. "…I'm thinking about the commitment to fight hard for disabled people's lives-about the bedrock conviction that we are all worth fighting for. Because I want us all to recommit to transforming the systems that treat disabled people with such disregard." https://time.com/6316464/yom-kippur-ableism-essay/ +09: NAVIGATION. First Steps to an Accessible Website (Part 9) By Jeff Singleton. "In this ninth installment of our series on creating an accessible website, we delve into the world of skip links, also known as skip navigation links or skip to main links…" https://convergeaccessibility.com/2023/09/18/first-steps-to-an-accessible-website-part-9/ +11: USABILITY. The Cost of Delays: When and Where to Invest in Usability By Nomensa. "…By prioritising usability throughout every stage of the development cycle, designers can explore and test solutions in a cost-effective manner…" https://www.nomensa.com/blog/the-cost-of-delays-when-and-where-to-invest-in-usability/ Accordions on Mobile (Video) By Raluca Budiu. "Accordions provide an overview of the whole page and mitigate the problem of long mobile pages, allowing users to directly access the content of interest." https://www.nngroup.com/videos/accordions-on-mobile/ Racism Fuels Users Experiences: Why You Should Understand the Strength of Biased Narratives (Video) By Marcy Ericka Charollois. "…how do we guarantee neutral or universal experiences in a world where the UX is intended to be optimal and inclusive for everyone?…" https://www.youtube.com/watch?v=aUGwRoPG0Rc&t=163s Sitting Comfortably: A Design Lesson From Chairs (Video) By Tzveta Dinova. "Most chairs are supposedly designed to accommodate the needs of 90% of the population. But is that really the case…" https://www.youtube.com/watch?v=EvpyFZvR9n0&t=146s [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.]