Web Design Update: March 6, 2024

481 views
Skip to first unread message

Laura Carlson

unread,
Mar 6, 2024, 3:40:49 AM3/6/24
to webdev
+++ 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.
@theada...@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:lcar...@d.umn.edu


[Issue ends.]
Reply all
Reply to author
Forward
0 new messages