+++ WEB DESIGN UPDATE. - Volume 22, Issue 37, March 6, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 37 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: COLOR. 07: EVALUATION & TESTING. 06: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: TOOLS. 09: TYPOGRAPHY. 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. Making Math Accessible By Ricky Onsman. "Before his untimely passing in December, our colleague Dan O'Mahony had been working on a KnowledgeBase article about how to make mathematical equations in web content accessible to assistive technology. In his memory, we decided to honor his intentions by completing and publishing the article…" https://www.tpgi.com/making-math-accessible/ Screen Readers and Drag-And-Drop, Part 2: Grabbing and Releasing Elements By Darin Senneff. "…I'll be diving into how to convey to screen reader users when an element has been picked up or put down. Ideally, I'll be able to identify at least a few approaches to prototype into full patterns to test later…" https://www.darins.page/articles/screen-readers-drag-drop-2 Measuring Captioning Accuracy: Why WER and NER Analyses Differ By Rebecca Klein. "When it comes to measuring captioning accuracy, there's no shortage of errors that need to be considered: punctuation, grammar, speaker identification, capitalization, and word errors, to name a few. But what does it mean when a captioning vendor says their captions are 99% accurate?…" https://www.3playmedia.com/blog/measuring-captioning-accuracy-why-wer-and-ner-analyses-differ/ Does Your Design Conform With WCAG Accessibility Guidelines - or Does It Comply? (Video) By Cintia Pereira Romero Garcia. "In this talk, we will discuss the 'blurred' line between accessibility conformance and accessibility compliance, sharing examples of how it is essential to strive for accessibility conformance, going above and beyond basic compliance standards to prioritize all users' needs truly…" https://www.youtube.com/watch?v=GEDnRi-aQrY Lessons Learned from Mobile App Accessibility Testing (Video) By Rachele DiTullio. "In response to customer feedback that our Core mobile banking app had multiple pain points, Citizens did a deep dive review of the customer experience, choosing to focus specifically on the app's accessibility as viewed through the lens of the Americans with Disabilities Act (ADA) Title III and WCAG 2.1 AA conformance…" https://www.youtube.com/watch?v=ki4Wl2MnDKM What Is 'Equivalent' Text Alternatives for Artistic and Cultural Visual Content? (Video) By Willa Armstrong, Rachael Bradley Montgomery, and Elizabeth (Liz) Bottner. "…In 2024, the Library of Congress will be conducting a series of studies using its collection to write supplemental guidance on text alternatives for cultural institutions. In this talk, we will review foundations and research questions as well as any results we have to date…" https://www.youtube.com/watch?v=ySSdtXBLHbw Digital Learning Accessibility: The Road Ahead with Sam Chandrashekar, Lainey Feingold, Seamus Harreys, and Korey Singleton (Video) By EDUCAUSE. "Join the ansrsource organization and a panel of experts who will discuss the present regulatory landscape of digital learning accessibility, the business imperative behind ensuring accessible learning for all, and the essential components necessary for genuinely viable institutional solutions to make learning accessible for all learners…" https://educause.zoom.us/rec/play/Prrsicf4ygu07bCX6UwHAGSi-ClbeYrWxH0tzaoNkReqnHgiOSMxeDMnwuKG-KXIQeYgFr6tZYAkXx_H.ojZ2tDxywAQqoyVs Slides (PDF): https://events.educause.edu/-/media/files/events/webinar/2024/ic2411/slides.pdf Does WordPress Gutenberg Editor Require a Fix for the Call-to-Action Button Block? By Raghavendra Satish Peri. "…Ideally, a button must be announced as a button to a screen reader, but because it is being announced as a link, I never thought much about it until the design team flagged it…" https://www.digitala11y.com/does-wordpress-gutenberg-editor-require-a-fix-for-the-call-to-action-button-block/ Accessibility Darkness By Steve Faulkner. "…I pressed the icon, our old friend the UserWay Accessibility Menu appeared…" https://html5accessibility.com/stuff/2024/03/03/accessibility-darkness-2/ 'AI' and Accessible Front-End Components: Is the Nuance Generatable? By Hidde de Vries. "…LLM-based tools can't be the magic bullet for writing accessible component code that they promise to be. Because nuance, understanding and conveying intent are inherent to accessibility, LLMs cannot be of great help with the accessibility of component code. In addition, they hallucinate inevitably and tend to pose as authoritative while outputting (occassional, but real) falsehoods. The latter can be dangerous and is likely to come at the expense of users…" https://hidde.blog/ai-for-accessible-components/ On Nielsen's Ideas About Generative UI for Resolving Accessibility By Per Axbom. "'Accessibility has failed as a way to make computers usable for disabled users.' Thus begins a newsletter by Jakob Nielsen. And had it not been written by someone a great many people take seriously in the UX industry I likely would just have dismissed it. But seeing how harmful I consider the post to potentially be, I would like to nip this in the bud…" https://axbom.com/nielsen-generative-ui-failure/ Jakob Nielsen's Bad Ideas About Accessibility By Brian DeConinck. "A response to Jakob Nielsen's blog post declaring accessibility to have failed and proposing an artificial intelligence-based solution…" https://www.briandeconinck.com/jakob-nielsens-bad-ideas-about-accessibility/ Accessibility Has Not Failed - It Has Not Even Started for Real By Bogdan Cerovac. …Jakob's experience and contributions in the field of web usability are really on the level of a guru, but I can't really agree with his claim that traditional methods for accessibility failed… https://cerovac.com/a11y/2024/03/accessibility-has-not-failed-it-has-not-even-started-for-real/ We Need to Talk About Jakob By Matt May. "Jakob Nielsen woke up one morning last week and chose violence…" https://buttondown.email/practicaltips/archive/we-need-to-talk-about-jakob/ +02: COLOR. Okay, Color Spaces By Eric Portis. " What is a 'color space?' Well first you take some colors…" https://ericportis.com/posts/2024/okay-color-spaces/ Colorblind Accessibility Manifesto By Federico Monaco. "…Before designing a website, or even making a small change to an existing one, ask if your design choices consider the needs of people with color blindness…" https://colorblindaccessibilitymanifesto.com/ +03: EVALUATION & TESTING. Generalized User Experience Questionnaire (UEQ-G): Holistic Measurement of Multimodal UX By Chase Boothe, Lesley Strawderman, Reuben Burch V, Brian Smith, Cindy Bethel Kate Holmes. "The User Experience Questionnaire (UEQ) is a commonly used tool for measuring product experience…" https://uxpajournal.org/generalized-user-experience-questionnaire-ueq-g-holistic-measurement-of-multimodal-ux/ ESUS: Aligning and Simplifying SUS for Enterprise Applications By Stephen Schneider, Serena Hillman, and Paula Bach Guoping Ma. "Throughout the last few decades, researchers have developed standard usability questionnaires to evaluate usability and present a single score that represents a product's overall level of ease of use…" https://uxpajournal.org/esus-aligning-and-simplifying-sus-for-enterprise-applications/ Do the Interior Labels of the SMEQ Affect Its Scores? By Jim Lewis and Jeff Sauro. "When trying to measure something abstract and multi-faceted like 'User Experience,' you should be open to considering and assessing different measurement approaches…" https://measuringu.com/do-interior-labels-affect-smeq-scores/ Attitudinal vs. Behavioral Research in UX By Page Laubheimer. "Attitudinal research captures user opinions and feelings in the form of self-reported data; behavioral research observes user actions. " https://www.nngroup.com/articles/attitudinal-behavioral/ +04: EVENTS. Personalize to Prioritize: Strategies to Grow Your Accessibility Program with Erin Evans. April 17, 2024. Online https://a11ytalks.com/posts/2024-APR/ National Federation of the Blind National Convention July 3-8, 2024 Orlando, Florida, U.S.A. https://nfb.org/get-involved/national-convention International Conference on Computers Helping People with Special Needs July 8-12, 2024. Linz, Austria https://www.icchp.org/ Disability:IN 2024 Annual Conference July 15-18, 2024. Las Vegas Nevada, U.S.A https://disabilityin.org/2024conference/ THAT Conference July 29-August 1, 2024. Wisconsin Dells, Wisconsin, U.S.A. https://that.us/events/wi/2024/ HighEdWeb 2024 Accessibility Summit July 30, 2024. Online https://events.highedweb.org/a11ysummit24 devopsdays Minneapolis August 6-7, 2024. Minneapolis, Minnesota, U.S.A https://devopsdays.org/events/2024-minneapolis/welcome/ UI/UX Global Summit '24 October 8-9, 2024. (Date correction. Hat tip to Richard Steinberg.) Online https://events.geekle.us/uiux24/ +05: HTML. The Perils of Using Double Quotes "" Inside an Alt Attribute Text Value By Steve Faulkner. "Use either single quotes or a HTML character entity "" https://cdpn.io/pen/debug/XWQWgrj HTML Element Test File Index By Steve Faulkner. "Last updated 26 February 2024…" https://stevefaulkner.github.io/AT-browser-tests/ Techniques to Break Words By Adrian Roselli. "…I took a demo I had for word breaking, beat it up a bit, and rushed this post out…" https://adrianroselli.com/2024/02/techniques-to-break-words.html ARIA (Are Ya) Afraid of the Dark?: Unmasking Common HTML Monsters to Create Better User Experiences (Video) By KJ Schmidt. "…In this session, we'll confront and befriend some of these HTML monsters that impact accessibility, such as: What are HTML elements, attributes, and properties? What is ARIA, and how does it impact the user experience? What is the DOM? What is an 'accessible name' v. 'Alt text' v. 'Programmatic text' v. 'Aria-label', v. 'Text alternative'?…" https://www.youtube.com/watch?v=-N3xTncA8Zw +06: JAVASCRIPT. Call for Implementations: Digital Publishing Accessibility Candidate Recommendation By Shawn Lawton Henry. "…Please send implementations and any comments by 27 April 2024." https://lists.w3.org/Archives/Public/public-wai-announce/2024JanMar/0001.html +07: MISCELLANEOUS. Apple Backs Off Killing Web Apps, but the Fight Continues By Open Web Advocacy. "In a huge relief to developers and supporters of the open web, and under immense backlash, Apple has cancelled its plan to sabotage Web Apps!. This ends weeks of fear and uncertainty for developers and users…" https://open-web-advocacy.org/blog/apple-backs-off-killing-web-apps/ The Wax and the Wane of the Web By Ste Grainer. "Forget death and taxes. The only certainty on the web is change. Ste Grainer takes a brief look at the history of the web and how it has been constantly reinvented. Then he explores where we are now, and how we can shape the future of the web for the better." https://alistapart.com/article/the-wax-and-the-wane-of-the-web/ +08: TOOLS. A Better Way of Presenting From Your Slide Notes By Sam Waller. "The Cambridge Subtitles for Powerpoint tool offers a better way of presenting from your slide notes. It splits the text in your slide notes up into short subtitles, and adds these to the slide as animated text boxes. This means you can write out the presentation that you want to give, and then deliver it perfectly, without having to rely on handheld cards or excessive amounts of text on your slides…" https://www.inclusivedesigntoolkit.com/presentations/ +09: TYPOGRAPHY. Retrofitting Fluid Typography By Richard Rutter. "…I'll take you through my process of converting Creative Boom to fluid typography… " https://clagnut.com/blog/2428/ +10: USABILITY. Sliders Degrade UX (so do this instead) By Adam Silver. @theadamsilver@mastodon.world "…sliders aren't just bad UX because your finger covers up the values. This is the least of your worries. Here I'll share why that is (plus what to do instead):…" https://adamsilver.io/blog/sliders-degrade-ux-so-do-this-instead/ Designing for Trust: The Crucial Role in Digital User Experiences By Vandhana Bhaskaran. "…This essay outlines some perspectives and strategic approaches for designing digital experiences that, in the words of Stephen Covey, could transform trust into a tangible asset for businesses to create authentic loyalty that is resilient to the technological disruptions of today and the uncertainties of tomorrow…" https://uxpajournal.org/designing-for-trust-the-crucial-role-in-digital-user-experiences/ +11: WEBWASTE & SUSTAINABILITY. Communist Networks Are Better for Environment By Gerry McGovern. "…We have two forces at play here. The first force is about greed and speed and is accelerating down the road of individualism and environmental ruin. The second force is slow and kind and seeks to stay local and build community. The second force is best articulated by the Degrowth Movement. We must slow down." https://gerrymcgovern.com/communist-networks-are-better-for-environment/ [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.]