Web Design Update: November 13, 2024

[Laura Carlson]

+++ 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:lcar...@d.umn.edu


[Issue ends.]