Web Design Update: August 14, 2024

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 23, Issue 07, August 14, 2024.

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

++ISSUE 07 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: BOOKS.
03: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Artificial Intelligence
By U.S. Access Board.
U. S. Access Board is addressing equity and accessibility in
Artificial Intelligence and seek input. Submit written comments by
August 31, 2024.
https://www.access-board.gov/ai/

Assessing Components and Patterns for WCAG 2.2
By Mike Gower.
"Version 2.2 of the Web Content Accessibility Guidelines, released in
October 2023, introduces six new requirements at the A/AA level. Jess
Lin and I created the following decision trees to help you quickly
assess your existing component and pattern libraries for these
considerations…"
https://medium.com/design-ibm/assessing-components-and-patterns-for-wcag-2-2-47ee3f0f468e

Things to Do Before Asking 'Is This Accessible?'
By Adrian Roselli.
"It is not uncommon for someone to message, call, email, or carrier
pigeon me to ask if something is accessible. They almost invariably
want a 'yes' or 'no.' However, I need to understand what the heck they
mean and what the other-heck prompted them to ask…"
https://adrianroselli.com/2024/08/things-to-do-before-asking-is-this-accessible.html

Design Patterns and WCAG
By Graeme Coleman.
"The ARIA Authoring Practices Guide (APG) contains an extensive range
of design patterns aimed at helping developers to create accessible
web experiences using WAI-ARIA. However, while we encourage web
authors to follow these design patterns, a common misconception is
that their usage is a prerequisite for conformance. This is not the
case…"
https://tetralogical.com/blog/2024/08/09/design-patterns-wcag/

Good Intentions, Poor Context
By Doug Abrams.
"…Good intentions are great. Empathizing with the community and
wanting to be an advocate are the foundations of accessibility. But
charging ahead without having a genuine understanding of how people
interact with digital content can sometimes do more harm than good…"
https://www.tpgi.com/good-intentions-poor-context/

Context Is King: Long Live the King!
By Ian Lloyd.
"…I wanted to demonstrate a number of ways that a developer can
provide that extra context, safely, and to point out some of the
gotchas you need to be aware of. At the end of all this, I also have a
little tool that I whipped up which an auditor can use to quickly
generate examples of everything that I cover in this article…"
https://www.tpgi.com/context-is-king-long-live-the-king/

How to Provide Accessibility in your Android App, Part 4: List, Link
Semantics and Testing
By Karol Wrótniak.
"Check out how to create and test accessible composables…"
https://www.thedroidsonroids.com/blog/mobile-app-accessibility-android-guide-part-4

The Importance of Communication in Accessibility Testing
By Jeff Singleton.
"One of the unique characteristics of digital accessibility is that
organizations accomplish it in many ways. Regardless of how the
process is defined, it is crucial that it is well-defined and that
there is clear communication between all involved. Outlining how
various situations may be handled during the initial creation of the
process is also essential. Unforeseen issues can and do arise, and
having a process to work through them simplifies the effort and limits
frustration. This article will highlight areas where problems can
occur and suggestions for avoiding them…"
https://convergeaccessibility.com/2024/08/12/the-importance-of-communication-in-accessibility-testing/

How to Make the Internet More Accessible
Sarah Horton and Mark Greenfield.
"Despite the availability of tools to make the digital world
accessible, many websites and digital services remain inaccessible to
people with disabilities…"
https://www.bostonglobe.com/2024/08/02/opinion/accessibility-internet-disabilities-regulations/

Announcing No-Cost Access to PDF's Accessibility Standards
By PDF Association.
"Starting today, PDF users everywhere can leverage ISO-standardized
accessibility requirements for content in PDFs…"
https://pdfa.org/announcing-no-cost-access-to-pdfs-accessibility-standards/

What a New Accessibility Class Action Lawsuit Means for Agencies
By Access Armada.
"Last month, a small dermatology practice in New York filed a class
action lawsuit against AccessiBe, one of the larger overlay vendors…"
https://www.accessarmada.com/blog/what-a-new-accessibility-class-action-lawsuit-means-for-agencies/


+02: BOOKS.

* Meiert, Jens Oliver. "Rote Learning HTML & CSS", Frontend Dogma, 2024.
https://meiert.com/en/blog/rote-learning-html-and-css/


+03: CASCADING STYLE SHEETS.

Learn CSS Grid First (Video)
By Miriam Suzanne and Stacy Kvernmo.
"We talk with Stephanie Eckles - the brain behind ModernCSS.dev and
SmolCSS.dev - about CSS grids…"
https://www.oddbird.net/2024/07/23/winging-it-10/

Partial Feature Queries, Relaxed Layout Containment, and More
By Miriam Suzanne.
"CSS Working Group updates from July…"
https://www.oddbird.net/2024/08/13/csswg-08/

The Garden and The Treadmill (Video)
By Stephen Hay.
Stephen's CSS Day presentation.
https://www.youtube.com/watch?v=qckCVuMxBts


+04: EVALUATION & TESTING.

The Inclusive UX Research Playbook from CVS Health Inclusive Design
By Greg Weinstein.
"UX research as a field has historically excluded disabled people…"
https://scribe.rip/cvs-health-tech-blog/the-inclusive-ux-research-playbook-from-cvs-health-inclusive-design-fb652552929a

The Evolution of the Single Ease Question (SEQ)
By Jeff Sauro and Jim Lewis.
"…Where did the SEQ come from? In this article, we'll trace the roots
of the SEQ and key milestones to the present…"
https://measuringu.com/evolution-of-seq/

Personas Are Living Documents: Design Them to Evolve (Video)
By Maddie Brown.
"Design personas to evolve and change over time to secure their
longevity. Design personas in a way that allows for updates when
significant insights emerge, ensuring they remain relevant and
maintain their usefulness over time."
https://www.nngroup.com/videos/personas-are-living-documents/

Moderated and Unmoderated User Testing: The Differences
By Paul Wheeler.
"…There are two main types of usability testing: moderated and
unmoderated. Both can be valuable, but depending on your needs, one
might suit you better. This blog post aims to help you understand
these testing methods' differences and choose the right one for your
needs…"
https://www.loop11.com/moderated-and-unmoderated-user-testing-the-differences/

Handling Sensitive Questions in Surveys and Screeners
By Maddie Brown.
"Researchers often want to ask about sensitive topics in surveys and
screeners. Handle them appropriately and delicately to avoid dropoffs
and inaccurate data."
https://www.nngroup.com/articles/sensitive-questions/


+05: EVENTS.

How You Can Prepare for the New ADA Title II Deadline With Glenda Sims
August 21, 2024.
Online.
https://accessibility.deque.com/webinar-prepare-for-the-new-ada-title-ii-deadline

A11ySea Book Club: We're Not Broken: Changing the Autism Conversation
August 21, 2024.
Bellevue, Washington, U.S.A.
https://www.meetup.com/a11ysea/events/301887844/

Testμ Conference
August 21-23, 2024.
Online
https://www.lambdatest.com/testmuconf-2024

What Everyone Should Know About Digital Accessibility with Sarah
Horton and David Sloan
August 22, 2024.
Online
https://www.accessibilityassociation.org/s/webinar-details?id=a0ATn000000VOR3MAO

UX Nordic
August 28-29, 2024.
Online and Aarhus, Denmark
https://www.uxnordic.com/

Virtual Web Accessibility Training
September 11-12, 2024.
Online
https://webaim.org/training/virtual/

Cascading Style Systems: Resilient and Maintainable CSS Dev with Miriam Suzanne.
October 14-18, 2024.
Online
https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne/


+06: HTML.

The abbr Element
By Heydon Pickering.
"The name of the <abbr> element is an abbreviation for the word
'abbreviation', which is cute…"
https://heydonworks.com/article/the-abbr-element/

The address Element
By Heydon Pickering.
"Let’s talk about doxing…"
https://heydonworks.com/article/the-address-element/

A Node and Command Line Tool to Find Obsolete HTML
By Jens Oliver Meiert.
"Ever wondered if and where you have obsolete HTML in your code base,
whether center or spacer elements, or align or border attributes?…"
https://meiert.com/en/blog/find-obsolete-html/


+07: MISCELLANEOUS.

Talk Notes: Let's Make a Simpler, More Accessible Web
By Christian Heilmann.
"I am just on my way back home from presenting at the Typo3 Developer
Days in Karlsruhe, Germany…here is a write-up of what I talked about…"
https://christianheilmann.com/2024/08/05/talk-notes-lets-make-a-simpler-more-accessible-web/


+08: NAVIGATION.

The Current State of Homepage and Category Navigation UX: 76% of Sites
Have Mediocre-to-Poor Performance (12 Common Pitfalls)
By Iva Olah.
"…Avoid the 12 common pitfalls discussed in this article to help
improve your site's Homepage & Category Navigation UX…"
https://baymard.com/blog/ecommerce-navigation-best-practice


+09: USABILITY.

UX Deliverables: Glossary
By Huei-Hsin Wang.
"Use this glossary to quickly clarify key terms and concepts related
to UX deliverables."
https://www.nngroup.com/articles/ux-deliverables-glossary/

How to Avoid Optional Form Fields With a Conditional Reveal
By Adam Silver.
"The first rule of form design is to only ask for information you
actually need to give users a good experience…"
https://adamsilver.io/blog/how-to-avoid-optional-form-fields-with-a-conditional-reveal/


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


[Issue ends.]