+++ WEB DESIGN UPDATE. - Volume 21, Issue 43, April 19, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 43 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: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Text Descriptions for Data Visualisations By GOV.UK. "…Data visualisations can be charts, tables, infographics and interactive tools like data dashboards. They can be found almost everywhere: online, in documents, in presentations, on social media…" https://accessibility.blog.gov.uk/2023/04/13/text-descriptions-for-data-visualisations/ Five Pieces of Advice for More Accessible Websites By Silvestar Bistrović. "…There are a lot of ways how you could make your site more accessible. Start with these five examples, and allow every user to understand your website better." https://www.silvestar.codes/articles/five-pieces-of-advice-for-more-accessible-websites/ Writing Accessibility Tests with Espresso By Mark Steadman. "Espresso is Android's UI testing library that allows for simple and concise test creation. Even better, it comes with its own accessibility testing library that lets developers add in checks for accessibility issues in the content they create…" https://dev.to/steady5063/writing-accessibility-tests-with-espresso-53m9 Source Order vs Display Order vs Keyboard Focus Order (Video) By AccessibilityOz. "This tutorial explores the importance of source order versus display order versus keyboard focus order. We're going to cover the three orders…" https://www.accessibilityoz.com/resources/videos/source-order-vs-display-order-vs-keyboard-focus-order/ What's New in WCAG 2.2? By Alaina Birney. "We get questions on a daily basis about 2.2 so we asked our WCAG expert Alaina Birney, CPWA, to discuss the upcoming changes. We've included her detailed notes below.…" https://accessibleweb.com/wcag/whats-new-in-wcag-2-2/ Mobile Testing By AccessibilityOz. "The ICT Accessibility Testing Symposium has developed a methodology for evaluating the accessibility of mobile websites and native apps…" https://www.accessibilityoz.com/resources/mobile-testing/ Accessibility Challenges with Digital Security Solutions By Sathish Kumar. "…In this post, we are not covering all the security solutions. Instead, we are discussing only the authentication methods as they involve the end-users directly…" https://www.digitala11y.com/accessibility-challenges-with-digital-security-solutions/ Accessibility Overlays - What Are They & Why Are They So Bad? (Video) By Stefany Newman. "A web accessibility overlay is a plug-in tool that detects accessibility issues directly on a webpage and tries to 'repair' them in real time, instead of within the web code as is required. In this video, we'll take a look at what web accessibility overlays are and discuss just why they're so bad for accessibility.…" https://www.youtube.com/watch?v=huyuy1bJ7sw +02: CASCADING STYLE SHEETS. Exploring :has() Again By Michelle Barker. "…what I'm realising as I continue to play around with :has() is that in practice, we can select any element in the DOM relative to another, as long as they share a common ancestor…" https://css-irl.info/exploring-has-again/ +03: EVALUATION & TESTING. Video: You Are What You Measure By Luke Wroblewski. "Spending the time to get the right metrics affects so many things down the line. This one and a half minute clip from my Mind the Gap presentation shows why and outlines a way to align on the right metrics to track…" https://www.lukew.com/ff/entry.asp?2010 UX and NPS Benchmarks of Electronics Websites (2023) By Jeff Sauro, Emily Short, and Jim Lewis. "…We computed SUPR-Q® and Net Promoter scores, investigated reasons for using the websites, measured users' attitudes regarding their experiences, conducted key driver analyses, and analyzed reported usability problems…" https://measuringu.com/consumer-electronics-benchmark-2023/ UX Research Roadmaps (Video) By Sarah Gibbons. "A UX research roadmap is a living artifact that prioritizes and communicates a team's future research efforts, from early discovery-based initiatives to later-stage usability testing." https://www.nngroup.com/videos/ux-research-roadmaps/ +04: EVENTS. 24 Hours of UX May 3, 2023. Online https://24hoursofux.com/ Creating Accessible Events May 10, 2023. Online https://www.meetup.com/cleveland-accessibility-meetup/events/292448962/ UX Spring Camp May 20, 2023. Online and Chicago, Illinois, U.S.A. https://chicagocamps.org/event/ux-camp-spring-summer-2023/ Accessibility Conference May 24-25, 2023. Guelph, Ontario, Canada https://opened.uoguelph.ca/accessibility-conference Assistive Technology Device Demonstration June 5, 2023. Online https://www.meetup.com/accessibility-twin-cities/events/292517791/ CSS Café Meets CSS Day: An In-Person Pop-Up Event June 10, 2023. Amsterdam, the Netherlands https://www.meetup.com/css-cafe/events/292044743/ UX Conference June June 17-23, 2023. Online https://www.nngroup.com/training/june/ Human-Computer Interaction (HCI) July 23-28, 2023. Copenhagen, Denmark https://2023.hci.international/ +05: HTML. HTML Accessibility API Mappings 1.0 Steve Faulkner and Scott O'Hara, Editors. "HTML Accessibility API Mappings (HTML-AAM) defines how user agents map HTML [HTML] elements and attributes to platform accessibility application programming interfaces (APIs)…" https://www.w3.org/TR/html-aam-1.0/ It's Very Likely That… By Manuel Matuzović. "I repeatedly see certain bad practices in HTML that ironically contain clues for implementing them properly in their class names or in the way they're built. In this evergreen post, I collect them." https://www.matuzo.at/blog/its-very-likely-1/ The details Element is Amazing By Robin Rendle. "Have you seen those fancy cards that pop open when ya click em and reveal more info? I think I saw em on Apple dot com not so long ago although now I can't find a good example. Well, this morning I realized we don't need a ton of JavaScript and CSS fanciness to get those big beautiful cards and here's the proof: the ever-so-powerful and perfect
element can be used to make this effect…" https://www.robinrendle.com/notes/the-details-element-is-amazing/ +06: INFORMATION ARCHITECTURE. 3 Common IA Mistakes (That Are All Due to Low Information Scent) By Page Laubheimer. "Vague call-to-action verbs, unnecessary parallel language, and conversational tone of voice used in links and navigation labels are confusing. Use labels with strong information scent instead." https://www.nngroup.com/articles/3-ia-mistakes/ 3 Information Architecture Mistakes That Frustrate Your Users By Adrienne Smith. "…we take a deeper look at why information architecture is critical to the success of your digital platform. We also explore three common mistakes and how to fix them…" https://evolvingweb.com/blog/3-information-architecture-mistakes-frustrate-your-users Prototype Specifications: 3 Types (Video) By Leeloo Tang. "Element, functionality, and content are three types of prototype specifications that help us document design details that are otherwise easily overlooked." https://www.nngroup.com/videos/prototype-specifications/ +07: JAVASCRIPT. Answering 'What ARIA Can I Use?' By Matthew King. "The ARIA and Assistive Technologies Community Group (ARIA-AT CG) and ARIA Authoring Practices Task Force (APG TF) are excited to announce the launch of 'Assistive Technology Support' tables in the ARIA Authoring Practices Guide (APG)…" https://www.w3.org/blog/2023/04/answering-what-aria-can-i-use/ APG Support Tables - Why They Matter By Michael Fairchild. "…ARIA-AT aims to improve this by proposing support expectations for assistive technologies, testing those expectations, building consensus around those expectations and test results by partnering with assistive technology developers, publishing those results, and then scaling with automated testing…" https://www.deque.com/blog/apg-support-tables-why-they-matter/ The ARIA Practices Guide Patterns By Eric Eggert. "The ARIA Practices Guide Patterns (a lose, largely untested collection of things you might be able to do with ARIA) now publishe these compatibility tables…" https://mastodon.social/@yatil@yatil.social/110219933579636322 Re: ARIA Practices Guide Patterns By Eric Eggert. "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 How to Work With Dates and Times in Vanilla JavaScript By Chris Ferdinandi. "…we're going to look at how to create a new Date object, and hopefully make it a bit easier to use…" https://gomakethings.com/how-to-work-with-dates-and-times-in-vanilla-javascript/ How to Merge Objects in JavaScript By Mark O'Neill. "Developers often need to merge or copy objects for tasks like combining data or creating new instances…" https://www.sitepoint.com/merging-objects-javascript/ Shallow vs. Deep Copying in JavaScript By Mark O'Neill. "Copying and modifying objects in JavaScript is never as simple as it seems. Understanding how objects and references work during this process is essential for web developers and can save hours of debugging…" https://www.sitepoint.com/shallow-vs-deep-copying-in-javascript/ +08: MISCELLANEOUS. Why the Amazon 'Six-Page Meeting' Process Doesn't Work By Sheri Byrne-Haber. "…Who are you leaving behind when you follow Amazon's six-pager meeting process? People with permanent health conditions… People with temporary or situational conditions… English Language Learners… Auditory learners…" https://www.linkedin.com/comm/pulse/why-amazon-six-page-meeting-process-doesnt-work-sheri Ableist Attitudes: Take Our Quiz to Understand Disability Bias By Amanda Morris and Chris Alcantara. "Research shows that unconscious bias against disabled people is common, but experts say it is difficult to recognize…" https://www.washingtonpost.com/wellness/interactive/2023/ableist-thinking-disability-bias-quiz/ The A.I. Dilemma (Video) By Center for Humane Technology. "Tristan Harris and Aza Raskin discuss how existing A.I. capabilities already pose catastrophic risks to a functional society, how A.I. companies are caught in a race to deploy as quickly as possible without adequate safety measures, and what it would mean to upgrade our institutions to a post-A.I. world…" https://www.youtube.com/watch?v=xoVJKj8lcNQ AI Incident Database By incidentdatabase.ai. "The AI Incident Database is dedicated to indexing the collective history of harms or near harms realized in the real world by the deployment of artificial intelligence systems…" https://incidentdatabase.ai/ We Need to Tell People ChatGPT Will Lie to Them, Not Debate Linguistics By Simon Willison. "ChatGPT lies to people. This is a serious bug that has so far resisted all attempts at a fix. We need to prioritize helping people understand this, not debating the most precise terminology to use to describe it…" https://simonwillison.net/2023/Apr/7/chatgpt-lies/ A History of the World Wide Web From 1989 to the Present Day By Jack Slater. "The World Wide Web was created all the way back in 1989. Here's a look at the history of the web as we know it, up to the present day…" https://www.makeuseof.com/history-of-world-wide-web/ +09: NAVIGATION. User Journeys vs. User Flows By Kate Kaplan. "User journeys and user flows both describe processes users go through in order to accomplish their goals. While both tools are useful for planning and evaluating experience, they differ in scope, purpose, and format." https://www.nngroup.com/articles/user-journeys-vs-user-flows/ +10: USABILITY. Embracing the Chaos: Designing for Human Behavior By Paul Boag. "We need to design interfaces that accommodate messy, unpredictable human behavior with empathy and functionality…" https://boagworld.com/emails/embracing-the-chaos-designing-for-human-behavior/ +11: WEBWASTE & SUSTAINABILITY. Hold on to It! Tips for Sustainable Laptops By Gerry McGovern. "Hold on to it. That is by far the most important thing you can do. Fix it. Repair it…" https://gerrymcgovern.com/hold-on-to-it-tips-for-sustainable-laptops/ [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.]