+++ WEB DESIGN UPDATE. - Volume 21, Issue 44, April 26, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 44 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. 09: WEBWASTE & SUSTAINABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What Alternative Text Is, When to Use It, and How to Write Great Alt Text By Whitney Lewis. "Alternative text describes an image for users with visual disabilities…" https://blog.pope.tech/2022/04/05/alternative-text-alt-text/ Meeting WCAG Level AAA By Patrick H. Lauke. "In this post, we cover updates we've made to our own site in order to better satisfy the requirements of the Web Content accessibility Guidelines (WCAG) 2.1 Level AAA…" https://tetralogical.com/blog/2023/04/21/meeting-wcag-level-aaa/ Designing for People with Cognitive Disabilities and Everyone Else (Video) By Rachael Bradley Montgomery. "The art of designing and creating content to support people with cognitive disabilities lives in the space between usability and accessibility. This presentation will discuss design patterns and approaches to support people with disabilities relating to attention, executive function, language, learning, and memory. These recommendations are not accessibility standards; they are recommended best practices that improve the user experience for everyone…" https://www.youtube.com/watch?v=9Ae8bUlSSXU Rachael's Slides (PowerPoint File): https://s3.amazonaws.com/digitalgov/static/plain-language-summit-you-are-the-user-recognizing-systemic-challenges.pptx AXI - Accessibility Intelligence, an Interview With David O'Neill By Steve Faulkner. "…In the following interview, we will learn about David, and how he envisions AI/ML to be a force for major improvements in how we tackle the thorny problems of making technology work better for people - all people…" https://www.tpgi.com/axi-accessibility-intelligence-an-interview-with-david-oneill/ Accessibility Checklist By The Washington Post. "Explore our accessibility checklist, testing strategies and considerations…" https://build.washingtonpost.com/resources/accessibility The Potentially Dangerous Non-Accessibility Of Cookie Notices By Marcus Herrmann. "Cookie consents - whatever your opinion is regarding them - are ubiquitous and possibly even a legal risk for your webpage. In addition to their privacy implications, they have the potential to violate web accessibility laws as well. In this piece, a Web Content Accessibility Guidelines (WCAG) auditor shares some cookie banner error patterns that can massively hurt a page's overall conformance. Let's explore what to look out for with this omnipresent piece of the web interface…" https://www.smashingmagazine.com/2023/04/potentially-dangerous-non-accessibility-cookie-notices/ What Makes a Document Accessible or Compliant? By Chad Chelius and Dax Castro. "Welcome to another episode of Chax Chat. Join Chad Chelius and me Dax Castro, where each week we wax poetic about document accessibility, topics, tips, and the struggle of remediation and compliance…" https://www.youtube.com/watch?v=5EFExfW3ddk&t=48s Guardrails for Better Accessibility Support in Frontend By Jan Deppisch. "…This article aims to guide frontend developers to establish a baseline for better a11y support in their projects, so that it becomes a natural part of the project work…" https://netzartist.de/blog/guardrails-for-better-accessibility-support-in-frontend/ Can Using an Overlay Win a Lawsuit? By Jeff Singleton. "…What are the lessons learned? 1. Don't Count on Mootness… 2. Be Wary of Your Own Screen Reader Testing. 3. Overlays Won't Cure Accessibility Problems and Won't Win a Lawsuit…" https://convergeaccessibility.com/2023/04/19/can-using-an-overlay-win-a-lawsuit/ +02: CASCADING STYLE SHEETS. Solving the CSS Layout and Source Order Disconnect By Rachel Andrew. "Your feedback is wanted on a proposed solution for the problem of layout methods arranging items in an order that is disconnected from the source of the document…" https://developer.chrome.com/blog/reading-order/ Container Query Units and Fluid Typography By Stephanie Eckles. "…We'll explore three ways to create dynamic fluid typography rules by leveraging container query units and CSS custom properties…" https://moderncss.dev/container-query-units-and-fluid-typography/ Upgrading Our CSS Habits: aspect-ratio By Christian Heilmann. "The CSS aspect-ratio property is pretty amazing. You can define a ratio of width to height and it will resize the element accordingly…" https://christianheilmann.com/2023/04/20/upgrading-our-css-habits-aspect-ratio/ +03: EVALUATION & TESTING. 5 Common Ethical Dilemmas in User Research By Maria Rosala. "In this article we discuss best practices when researching with vulnerable participants, tackling sensitive topics, using deception, and lack of confidentiality in user research studies." https://www.nngroup.com/articles/ethical-dilemmas/ What Do People Say When They Think Aloud? By Jeff Sauro, Will Schiavone, and Jim Lewis. "…To help answer the question of what people say when they think aloud in an unmoderated remote usability study, we had a team of UX researchers analyze a set of participant videos to estimate how much time people spent producing Level 1, 2, and 3 verbalizations…" https://measuringu.com/what-do-people-say-when-they-think-aloud/ Data vs. Findings vs. Insights: The Differences Explained By Sara Ramaswamy. "Data refers to unanalyzed user observations, findings capture patterns among data points, and insights are the actionable opportunities based on research and business goals." https://www.nngroup.com/articles/data-findings-insights-differences/ Building Rapport with UX Research Participants (Video) By Samhita Tankala. "Researchers should build rapport and embrace real human interactions to put participants at ease during a study." https://www.nngroup.com/videos/building-rapport/ When to Empathy Map (Video) By Kate Kaplan. "Empathy maps can be used to plan for future research studies, capture insights during current user research, and communicate research insights from research that has already been conducted." https://www.nngroup.com/videos/when-to-empathy-map/ +04: EVENTS. Making Charts Accessible to All May 3, 2023. Online https://www.eventbrite.co.uk/e/making-charts-accessible-to-all-tickets-615507548647 Incorporate User Experience (UX) Practices Into Software Development May 3, 2023. Online https://digital.gov/event/2023/05/03/incorporating-user-experience-practices-into-data-driven-development-of-a-biomedical-software-tool/ Using Outcomes as a Spark for UX with Jared Spool May 3, 2023. Online https://uxpa.zoom.us/webinar/register/WN_LVutYNCYT0eFl4JKmBj_fA#/registration Web Accessibility in Mind Conference by WebAIM in partnership with PopeTech August 29-30, 2023. Online https://conference.webaim.org/ National Association of Government Web (NAGW) Conference September 5-8, 2023. Indianapolis, Indiana, U.S.A. https://nagw.org/2023_NAGW_National_Conference W3C Technical Plenary and Advisory Committee TPAC September 11-15, 2023. Online and Sevilla, Spain https://www.w3.org/2023/09/TPAC/ Usability Testing with Hennepin County: A Case Study September 25, 2023, Online https://www.meetup.com/accessibility-twin-cities/events/291909233/ Paris Web September 28-30, 2023. Paris, France https://www.paris-web.fr/ +05: HTML. Details/Summary Inconsistencies By Manuel Matuzović. "…To better understand the extent of these oddities and inconsistencies, I did my own testing (not as detailed as Scott's), and here's what I found…" https://www.matuzo.at/blog/2023/details-summary/ Considering Content Warnings in HTML By Aaron Gustafson. "…the idea of a 'spoiler / content warning' element popped onto my radar through the Web We Want inbox. It referenced a discussion over on the WICG and I was intrigued but the potential of this kind of feature for HTML…" https://www.aaron-gustafson.com/notebook/considering-content-warnings-in-html/ +06: JAVASCRIPT. Read-Only Web Apps By Jeremy Keith. "The most cartoonish misrepresentation of progressive enhancement is that it means making everything work without JavaScript. No. Progressive enhancement means making sure your core functionality works without JavaScript…" https://adactio.com/journal/20113 Re: ARIA Practices Guide Patterns By Adrian Roselli. (Apologies for last week's misattribution) "A better start would not have been to re-position APG as a pattern library (outside of W3C process AFAIK) when it had no support data at all (other than all the open issues pointing out lack of support). So yeah, progress is good but still too late for me to give it a pass…" https://yatil.social/@yatil/110218482529480904 +07: MISCELLANEOUS. Inside the Secret List of Websites That Make AI like ChatGPT Sound Smart By Kevin Schaul, Szu Yu Chen, and Nitasha Tiku. "…Tech companies have grown secretive about what they feed the AI. So The Washington Post set out to analyze one of these data sets to fully reveal the types of proprietary, personal, and often offensive websites that go into an AI's training data…" https://www.washingtonpost.com/technology/interactive/2023/ai-chatbot-learning/ +08: USABILITY. Dark Patterns Tip Line By A team of designers, academic researchers, legal experts, policy specialists, and advocacy-minded individuals. "Every day, we're exploited for profit through dark patterns: design tactics used in websites and apps to persuade you into doing things you probably would not do otherwise…" https://darkpatternstipline.org/ The Revenge of the Pop-Up By S.E. Smith. "Nobody wants them. Nobody likes them. Why is the worst UI element of all time ubiquitous again?…" https://www.theverge.com/tech/23653544/pop-up-website-ad-ui-design +09: WEBWASTE & SUSTAINABILITY. Turning Off, Deleting: Tips for Sustainable Laptops, Part 2 By Gerry McGovern. "Shutting down your laptop is good for the environment and for your laptop (and for your mental health). Shut down as many digital devices as you can. In the US, up to 20% of electricity is 'vampire power'…" https://gerrymcgovern.com/turning-off-deleting-tips-for-sustainable-laptops-part-2/ [Section one ends.] ++ SECTION TWO: +10: 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.]