+++ WEB DESIGN UPDATE.
- Volume 23, Issue 20, November 13, 2024.

An email newsletter to distribute news and information about web design and development. 

++ISSUE 20 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: EVALUATION & TESTING.
03: EVENTS.
04: HTML.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: USABILITY
08: WEBWASTE & SUSTAINABILITY.

SECTION TWO: 
09: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Notes on Piccalilli's "Practical Accessibility Tips You Can Apply Today"
By Adrian Roselli.
"I take issue with using ARIA 'menu' roles for navigation… This might also be a function of calling them 'drop-down' versus what they actually are… But the post itself does not cover the required script to make these function. It implies the ARIA alone will make them functional Also, using 'aria-hidden' (versus 'hidden' or 'display: none') is risky since it hides the menu items from SRs only…"
https://toot.cafe/@aardrian/113260657894574812

Two Different Kinds of "Focusable" UI Elements
By Eric Eggert.
"…This is where I understood that there was a mix-up between two concepts: Sequentially focusable and programmatically focusable elements. The former are elements that can be reached with the tab key. Mixing these concepts is easy, as we use "focusable" because it is short and because the concepts are somewhat related. But for accessibility testing and understanding why we see certain behavior, understanding the difference is important…"
https://yatil.net/blog/focusable-ui-elements

A11y 101: WCAG 1.1.1 Non-text Content
By Nat Tarnoff.
"…What is 'non-text content'? The Web Accessibility Content Guidelines (WCAG) makes it pretty simple, if it isn't text, it falls under here. As a developer, you are promising that there is a text fallback for the non-text content…"
https://tarnoff.info/2024/11/05/a11y-101-wcag-1-1-1-non-text-content/

A11y 101: WCAG 1.2.1 Audio-only and Video-only (Prerecorded)
By Nat Tarnoff.
"…In success criteria 1.2.1, we're informed we need to provide one of two options, unless the audio or video IS the alternative. Let's look at our options…"
https://tarnoff.info/2024/11/11/a11y-101-wcag-1-2-1-audio-only-and-video-only-prerecorded/

Web Almanac - Part II Chapter 10, Accessibility
By Mike Gifford.
"…Our analysis indicates that there hasn't been a significant change in web accessibility. While there have been some improvements, many straightforward issues remain unresolved…"
https://almanac.httparchive.org/en/2024/accessibility

Accessibility Group - Often Overlooked Native Mobile App Pattern
By Bogdan Cerovac.
"Grouping is not an exact science, but all designers and developers touching native mobile applications need to be aware of the simplification possibilities it can bring…"
https://cerovac.com/a11y/2024/11/accessibility-group-often-overlooked-native-mobile-app-pattern/

I Never Knew a Website Could Hurt Someone With Karl Groves (Video)
By Karl Groves.
"…During this talk, Karl Groves will discuss users who are rarely considered and how designers and developers can help each of them through understanding the web itself…"
https://www.youtube.com/watch?v=pynKRttYlBg

There Is No Such Thing as a "Normal" User With Karl Groves (Video)
By Karl Groves.
"…The sheer variety of combinations of browsers, operating systems, screen sizes, devices, ATs, etc. that make the notion of a "normal" user absurd. This talk shares the math behind this concept and best practices for Universal Design toward a more inclusive Web…"
https://www.youtube.com/watch?v=YigmYjo9voA

The Only Accessibility Video You Will Ever Need (Video)
By Kyle Cook.
"Accessibility is an incredibly important topic that is often overlooked. This is partially because of how complex accessibility is. That is why in this video I cover a complete master class of everything you need to know about accessibility…"
https://www.youtube.com/watch?v=2oiBKSjOOFE

Locking in Accessibility Best Practices Early for a Performing Arts Center
By Vlado Vince and Natalie Kertes.
"…The challenge for the PAC NYC team is to build and launch the website in less than six months with less than half the team and make it accessible…"
https://equalentry.com/accessibility-performing-arts-center/

Reference-Based Metrics Are Biased Against Blind and Low-Vision Users' Image Description Preference (PDF)
By Rhea Kapur and Elisa Kreiss.
"…In contrast to the general perception of reference-based metrics as universally applicable, we find that they're significantly biased toward sighted and against BLV user preferences. In an effort to understand this pattern, we find that these metrics do not correlate well with description length (which BLV users care for greatly), and performance varies with regard to context and reference count for certain metrics more than others…"
https://aclanthology.org/2024.nlp4pi-1.26.pdf

User Experience Guide for Accessibility Metadata 2.0 Second Public Draft Available for Review
By George Kerscher.
"…The W3C Publishing Community Group Accessibility Task Force is pleased to announce the second draft of the 'Accessibility metadata display guide for digital publications 2.0…'"
https://lists.w3.org/Archives/Public/w3c-wai-ig/2024OctDec/0023.html

Designing for Accessibility: A Checklist for Designers
By Meg Miller.
"…the design phase one of the most important parts of a project because it can make or break the accessibility of a website…"
https://accessicart.com/designing-for-accessibility-a-checklist-for-designers/

Email Marketing Accessibility: Tips for Digital Marketers
By Josh Crawford.
"…By creating accessible email campaigns, you ensure all your subscribers can read your emails, Below are our top tips for email marketing accessibility…"
https://www.digitalaccesstraining.com/pages/articles?p=how-to-create-an-accessible-website-the-essentials-checklist-for-marketers


+02: EVALUATION & TESTING.

How Well Does the Net Promoter Score Measure Likelihood-to-Discourage?
By Jim Lewis and Jeff Sauro.
"…Rather than replacing the NPS item in UX and CX research, we were curious about the statistical relationship between the standard likelihood-to-recommend item and a separate item designed to measure the likelihood of recommending against-in other words, the likelihood of discouraging friends and colleagues from engaging with a brand or product…"
https://measuringu.com/relationship-between-likelihood-to-recommend-or-discourage/

Should UX Be in Sprint Reviews? (Video)
By Sara Paul. 
"UX should be included in an Agile scrum team's Sprint Review to share knowledge that can improve product strategy, answer tricky stakeholder questions, and increase visibility for UX work."
https://www.nngroup.com/videos/ux-in-sprint-reviews/

Types of Surveys to Run Throughout the Design Process (Video)
By Maddie Brown.
"There are lots of types of UX surveys. Which one to use depends on your research goal and where you are in the design process."
https://www.nngroup.com/videos/surveys-in-the-design-process/


+03: EVENTS.

Verizon's Accessibility Technology and Innovation Lab
December 3, 2024.
New York, New York, U.S.A.
https://www.meetup.com/a11ynyc/events/304379973/

Call for Proposals: Face/Interface
January 13-18, 2025.
Stanford, California, U.S.A
https://silicon.stanford.edu/face-interface/

Research By The Sea
February 27-28, 2025.
Brighton, England, United Kingdom
https://researchbythesea.com/

40th Annual CSUN Assistive Technology Conference
March 10-14, 2025.
Anaheim, California, U.S.A.
https://www.csun.edu/cod/conference


+04: HTML.

The "<details>" and "<summary>" Elements Are Getting an Upgrade
By Stephanie Stimac.
"…There's a lot that has happened in that five years, and more still to come. Most recently I've seen work being done to improve the customizability of the <details> and <summary> elements. More stylable accordions…"
https://blog.stephaniestimac.com/posts/2024/10/html-details-and-summary-update/


+05: JAVASCRIPT.

How to Test JavaScript for Accessibility Compliance
By Florian Schroiff.
"Discover how to test and optimize your JavaScript for accessibility compliance. Improve keyboard navigation, focus management, and user control…"
https://www.a11y-collective.com/blog/accessibility-in-javascript/


+06: MISCELLANEOUS.

What's a Single-Page App?
By Jake Lazaroff.
"The web development community talks a lot about single-page apps, but are we all on a single page?…"
https://jakelazaroff.com/words/whats-a-single-page-app/

Web Almanac
By 65 Contributors. 
"Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2024 edition is comprised of 21 chapters spanning aspects of page content, user experience, publishing, and distribution…"
https://almanac.httparchive.org/en/2024/


+07: USABILITY.

Should Destructive Buttons Be Hard to Find?
By Adam Silver.
"A couple of weeks ago, my friend (and fellow designer) Simon Whatley had his GOV.UK service assessed. Simon asked me for a second opinion on some of the issues…"
https://adamsilver.io/blog/should-destructive-buttons-be-hard-to-find/

Celebrating World Usability Day: Why Accessibility Needs Usability
By Michael Taylor.
"…I'll share examples of technically accessible but not very usable experiences, highlighting why usability and WUD matter so much in the disability community. As with my previous content, the focus is on screen reader accessibility…" 
https://blog.usablenet.com/why-accessibility-needs-usability

AI Features Must Solve Real User Problems
By Kate Moran.
"AI features must solve real problems, not be implemented for novelty. Unnecessary AI chatbots and features can harm rather than help users."
https://www.nngroup.com/articles/ai-user-value/


+08: WEBWASTE & SUSTAINABILITY.

Web Almanac - Part III Chapter 17, Sustainability
By Laurent Devernay Satyagraha, Burak Güneli, Ines Akrap, Alexander Dawson, Mike Gifford, and Tim Frick.
"…In the end, we see a generally wider adoption of technical best practices but still an increase of emissions…"
https://almanac.httparchive.org/en/2024/sustainability

The Three Chip Problem
By Gerry McGovern.
"They like their chips well engineered in the USA…"
https://gerrymcgovern.com/the-three-chip-problem/

Crowdsourcing Some Digital Sustainability Joy
By Andy Davies.
"…as 2024 draws to a close, I thought it would be useful to crowdsource a little joy, optimism and solidarity…"
https://www.wholegraindigital.com/blog/crowdsourcing-some-digital-sustainability-joy/


[Section one ends.]


++ SECTION TWO:

+08: 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.]