+++ WEB DESIGN UPDATE. - Volume 22, Issue 23, November 28, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 23 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: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. 13: WEBWASTE & SUSTAINABILITY. SECTION TWO: 14: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Keyboard Accessibility Myths and WCAG By Graeme Coleman. "Supporting keyboard-only interaction is one of the most important principles of web accessibility. However, the scope of the Web Content Accessibility Guidelines (WCAG) in relation to keyboard accessibility is often misunderstood…" https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/ Your Questions on WCAG 2.2 and Accessible Design By UsableNet. "…We got a lot of valuable questions asked during the webinar and were unable to get to them all. This blog exclusively covers questions asked during the Q&A portion of our webinar, Demystifying Accessible Design - How to Apply WCAG 2.2…" https://blog.usablenet.com/your-questions-on-wcag-2.2-and-accessible-design WCAG 2.1 Makes Maps Easier to Use By Greta Poser and Jennifer Strahan. "Two of our map experts take a quick dive into how to use identify input purpose and text spacing for more accessible and usable maps…" https://mn.gov/mnit/media/blog/?id=38-600376 Digital Library Accessibility Policy and Practice Guidelines By Calida Barboza, Rebecca Bayeck, Amy Drayer, Jacqueline Frank, Gabe Galson, Mary Hricko, Rachael Hu,Bonnie Russell, Lydia Tang, and Wendy Guerra. "The Digital Library Federation developed this document to help Galleries, Libraries, Archives, and Museums (GLAM) institutions work to adopt accessibility best practices in their digital libraries by implementing an accessibility policy…" https://zenodo.org/records/10045111 ARRM Project - Accessibility Roles and Responsibilities Mapping By W3C Education & Outreach Working Group. "Our goal is to define an adaptive framework that will guide stakeholders to integrate web accessibility in all relevant aspects of a product or project life cycle. The result will allow users to take ownership of design and development decisions related to creating accessible content…" https://www.w3.org/WAI/EO/wiki/ARRM_Project_-_Accessibility_Roles_and_Responsibilities_Mapping Braille vs. Boston Line Type: How Design Can Truly Be Inclusive By Carl Rylatt. "…Progress happens when we engage in conversations challenging the status quo, moving us toward a more inclusive and accessible future." https://www.printmag.com/socially-responsible-design/how-design-can-be-inclusive/ Accessibility: a Practical Perspective By Matt May. "…Quantitative accessibility itself is not the answer, but it is part of the answer. Disability rights has to exist in every part and process of the organization. We need to look at ways to use all the levers available to us, and direct our energies toward qualitative approaches to disability equity…" https://buttondown.email/practicaltips/archive/accessibility-a-practical-perspective/ Amendment to the Public Sector Accessibility Regulations By Léonie Watson. "The UK Public Sector (Websites and Mobile Apps) Accessibility Regulations (PSAR) came into effect in 2018, following the approval of a 2016 Directive from the European Union (EU). In 2022, an amendment to the PSAR was released to address changes brought about by the UK's departure from the EU in 2020…" https://tetralogical.com/blog/2023/11/07/amendment-to-public-sector-accessibility-regulations/ Proposed Web and Software Accessibility Legislation Introduced in United States Congress By Lainey Feingold. Lainey updated this article on November 20. https://www.lflegal.com/2022/10/duckworth-web-bill/ +02: CASCADING STYLE SHEETS. The CSS Property You Didn't Know You Needed By Francesco Vetere. "…Today I wanna talk about a CSS feature that, in my opinion, doesn't get too much attention... but it should! I'm talking about the isolation property…" https://dev.to/francescovetere/the-css-property-you-didnt-know-you-needed-3fk0 @scope By Chris David Mills et al. "The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling your selectors too tightly to the DOM structure…" https://developer.mozilla.org/en-US/docs/Web/CSS/@scope An Interactive Guide to CSS Grid By Josh W. Comeau. "…In this tutorial, I'm going to share the biggest lightbulb moments I've had in my own journey with CSS Grid. You'll learn the fundamentals of this layout mode, and see how to do some pretty cool stuff with it…" https://www.joshwcomeau.com/css/interactive-guide-to-grid/ +03: COLOR. 3 Common Color Accessibility Issues One Can Easily Avoid By Aparna Pasi. "…The importance of color is undeniable, but is basing the message solely on color the right thing to do? This post is a humble attempt to answer that question and explain the reasoning behind my opinion…" https://www.deque.com/blog/3-common-color-accessibility-issues-one-can-easily-avoid/ +04: EVALUATION & TESTING. An In-Depth Guide to Personas By Claire Maguire. "Personas within the context of UX are characters that represent a typical example of users of a product or service. They are a tool to help guide the design process and generate empathy by bringing to life the needs, ambitions, goals, and behaviours of different user segments…" https://www.nomensa.com/blog/an-in-depth-guide-to-personas/ How to Run Surveys at Every Stage of the Design Cycle By Maddie Brown. "Most UX surveys are administered during the final Listen phase of the design cycle. However, there are many different types of surveys, which can be used effectively throughout the design cycle." https://www.nngroup.com/articles/surveys-design-cycle/ Sprint Reviews: Prioritize Your Users (Video) By Rachel Krause. "Prioritize users in sprint reviews by demoing features from the user's perspective and creating outcome-based sprint goals. " https://www.nngroup.com/videos/sprint-reviews/ +05: EVENTS. Smashing Meets Goes Green with Gerry McGovern, Michelle Barker, and Vitaly Friedman December 7, 2023. Online. https://smashingconf.com/meets-green Mid-Day Drupal Meetup December 14, 2023. Online https://www.meetup.com/twin-cities-drupal-group/events/kcngwsyfcqbsb/ Accessible PowerPoints January 18, 2024. Online https://accessibilityonline.org/ada-tech/session/?id=111093 UX Virtual Training February 10-16, 2024. Online https://www.nngroup.com/training/february/ 24th Annual Multiple Perspective On Access, Inclusion & Disability Conference April 8-9, 2024. Columbus, Ohio, U.S.A. https://ada.osu.edu/ada-conference and https://ada.osu.edu/multiple-perspectives-conference/multiple-perspectives-2024 +06: HTML. The Elevator Pitch For Web Components By Chris Ferdinandi. "…You get scoping and instantiation for free out-of-the-box. You get built-in methods that detect when the element enters or leaves the DOM, and when attributes on it change. Options and configs are declarative (in the HTML), not just JS. That makes them both easier to author and easier to use differently in various places in the HTML…" https://gomakethings.com/the-elevator-pitch-for-web-components/ The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name By Jens Oliver Meiert. "There are nine HTML elements that have an attribute of the same name…" https://meiert.com/en/blog/same-name/ +07: JAVASCRIPT. The Unbearable Weight of Massive JavaScript - performance.now() (Video) By Ryan Townsend. "For the past 10+ years, JavaScript frameworks and Single Page Applications have been marketed as the solution to all our performance, robustness and productivity problems, but things haven't worked out the way we'd all hoped, have they?…" https://www.youtube.com/watch?v=f5felHJiACE +08: MISCELLANEOUS. UnitedHealth Uses AI Model With 90% Error Rate to Deny Care, Lawsuit Alleges By Beth Mole. "For the largest health insurer in the US, AI's error rate is like a feature, not a bug…" https://arstechnica.com/health/2023/11/ai-with-90-error-rate-forces-elderly-out-of-rehab-nursing-homes-suit-claims/ Creating Inclusive AI: A Strengths-Based Approach to Accessible Design By Maria Panagiotidi. "UX strategies for developing empowering systems for diverse users…" https://uxpsychology.substack.com/p/creating-inclusive-ai-a-strengths +09: NAVIGATION. Your Website's URLs Can and Should Be Beautiful By Jason Morehead. "…The key to making a beautiful URL is finding a balance between brevity and clarity. In other words, a good URL is short but not so short as to obscure what it's pointing to…" https://opuszine.us/posts/your-websites-urls-can-should-be-beautiful +10: TOOLS. Image Describer (Chrome Extension) By Cameron Cundiff. "Describe images in a web page using the context menu for accessibility for people who are blind or who have low vision…" https://chromewebstore.google.com/detail/ogoddjgogmlndofcpkljmmdobjpfdolf +11: TYPOGRAPHY. Font Choices By Daniela Marina Geli, Ellen Liebert, and Laura Biray. "Making the right font and font-formatting choices improves readability. The wrong choices can negatively affect reading and comprehension, especially for people with disabilities impacted by reading or language processing skills…" https://www.ta11y.org/learning/topic?key=create_design.font_choices +12: USABILITY. Consider Promoting Important Filters (61% Don't) By Edward Scott. "Promoting popular filters in the product list can serve as a shortcut for many users trying to narrow down the list…" https://baymard.com/blog/promoting-product-filters +13: WEBWASTE & SUSTAINABILITY. Why You Should Hold Onto Your Devices For Longer By Michelle Barker. "But hardware has an environmental cost, both in its manufacture and it's disposal. There is the embodied carbon associated with the manufacturing process, the chemical pollution, the rare metals used in manufacture, and the hazards of e-waste disposal…" https://css-irl.info/why-you-should-hold-onto-your-devices-for-longer/ Choosing a Green Web Host By Michelle Barker. "Earlier this month, Jeremy Keith posed the question: 'How green is my server?'. As Jeremy notes, it's surprisingly hard to get that information! So how do you ensure that you're hosting your website on a green server?…" https://css-irl.info/choosing-a-green-web-host/ AI is Designed to Lie By Gerry McGovern. "…AI is designed to lie because it's designed for engagement and overconsumption. It wants to be liked. It wants to be needed. It wants to be your artificial best friend. The reason it wants to be all these things is not because it likes you. It wants to sell you to advertisers. ChatGPT is free, which means you are the product, your data is what it's selling, and to get your data it must get you to like it, to need it. So, that's why it lies…" https://gerrymcgovern.com/ai-is-designed-to-lie/ The 1mm Gap: Understanding the Technical Limitations in Automated Performance and Environmental Reporting Tools By Marketa Benisek. "…We're seeing close-to-perfect scores with imperfect methods that defy the rules of digital sustainability. Is it too good to be true?…" https://www.wholegraindigital.com/blog/the-1mm-gap-understanding-technical-limitations-in-performance-and-environmental-tools/ Introducing the Website Carbon Rating System By Marketa Benisek. "…We've been working with industry partners to evolve the methodology and are excited to announce that we have now introduced a new rating system to hopefully make the results even easier to understand…" https://www.wholegraindigital.com/blog/introducing-website-carbon-rating-system/ [Section one ends.] ++ SECTION TWO: +14: 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.]