Web Design Update: March 13, 2024
522 views
Skip to first unread message
Laura Carlson
Mar 13, 2024, 4:29:02 AM3/13/24
to webdev
+++ WEB DESIGN UPDATE.
- Volume 22, Issue 38, March 13, 2024.
An email newsletter to distribute news and information about web design and development.
++ISSUE 38 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: CASCADING STYLE SHEETS.
03: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
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.
Thoughts on Embedding Alternative Text Metadata Into Images
By Eric Bailey.
"Another trend I see from time to time on social media is the idea that images should have alternative (alt) text descriptions included in their metadata…"
https://ericwbailey.website/published/thoughts-on-embedding-alternative-text-metadata-into-images/
How to Test 2.5.8 Target Size (Minimum)
By James Edwards.
"Success Criterion 2.5.8 Target Size (Minimum) is about ensuring that interactive targets can be easily activated by pointer users, without accidentally hitting an adjacent target…"
https://www.tpgi.com/how-to-test-2-5-8-target-size-minimum/
A Developer's Guide for Web Accessibility
By Parampreet Singh.
"Here is a deadly mistake that most of the developers make when getting started with WCAG is over using WAI-ARIA attributes, furthermore providing unnecessary screen reader-only content, additionally putting tab focus on all elements on the page, resulting in failing to meet the accessibility standards…"
https://scribe.rip/@askParamSingh/a-developers-guide-for-web-accessibility-6b85448cc7a0
Check-All / Expand-All Controls
By Adrian Roselli.
"Controls that can operate other controls in bulk are not new…"
https://adrianroselli.com/2024/03/check-all-expand-all-controls.html
Subtitles, Closed Captions, and Open Captions: What's the Difference?
By Ben Myers.
"I'm profoundly deaf. I rely heavily on my hearing aid, and every time I can watch something with captions, I will without a second thought…"
https://benmyers.dev/blog/captions-and-subtitles/
Access by a Thousand Curb Cuts
By Eric Eggert.
"Accessibility, especially on the web but also elsewhere, is a complicated combination of people with different roles working together. At any point during the creation of a web page, a blog post, its design, sourcing of images, or writing, issues can creep in…"
https://yatil.net/blog/access-by-a-thousand-curb-cuts
Nielsen Needs to Think Again
By Léonie Watson.
"…Nielsen thinks accessibility has failed. Nielsen thinks that generative AI will make my experience better. Nielsen apparently doesn't realise that generative AI barely understands accessibility, never mind how to make accessible experiences for humans. I think Nielsen needs to think again."
https://tink.uk/nielsen-needs-to-think-again/
Jakob Has Jumped the Shark
By Adrian Roselli.
"…At least we'll always have his 10 heuristics. He can't take that away, no matter how hard his notional infantalizing fake-AI might try."
https://adrianroselli.com/2024/03/jakob-has-jumped-the-shark.html
Minnesota Class Action Lawsuit Accuses Company Website of Inaccessibility
By Thomas Logan.
"In Minnesota, a Plaintiff who is legally blind alleges Christopher and Banks' website is not accessible to screen readers…"
https://equalentry.com/accessibility-lawsuit-minnesota-class-action/
+02: CASCADING STYLE SHEETS.
Alt Text for CSS Generated Content
By Martin Underhill.
"…If you're designing and coding responsibly, you should only be using content to add decorative elements to the page, meaning you'll probably never need the content property's 'alt' text functionality."
https://www.tempertemper.net/blog/alt-text-for-css-generated-content
Creating Color Palettes With the CSS color-mix() Function
By Michelle Barker.
"…Let's dive into how color-mix() can be a game-changer for your design process…"
https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/
Bad @ CSS
By David East and Adam Argyle.
"A podcast for those who are bad at CSS…"
https://badatcss.com/
+03: COLOR.
Accessible Color Themes
By Ellen Liebert, Laura Biray, and Rachael Bradley Montgomery.
"Create accessible color schemes for your content…"
https://www.ta11y.org/learning/topic?key=create_design.h_color_scheme
+04: EVALUATION & TESTING.
Defining and Finding Participants for Survey Research
By Jeff Sauro and Jim Lewis.
"…In this article, we'll go over some of the logistical details you'll want to sort out before launching your survey. We'll answer the following questions…"
https://measuringu.com/defining-and-finding-participants-for-survey-research/
+05: EVENTS.
Digital Cleanup Day
March 16, 2024.
Online
https://www.digitalcleanupday.org/
Fluid Responsive Design, the Utopian Future with Trys Mudford
March 21, 2024.
Online
https://www.meetup.com/css-cafe/events/299653271/
Website Accessible? Learn What to Look For and Other A11Y Basics
March 22, 2024.
Online
https://www.eventbrite.com/e/website-accessible-learn-what-to-look-for-and-other-a11y-basics-tickets-817595719807
Basics of PowerPoint Accessibility Remediation
March 27, 2024.
Online
https://accessingenuity.com/blogs/access-ingenuity-webinars
Batteries Included Accessibility: A Pragmatic Guide to Get Started Today
August 7, 2024.
Online
https://www.accessibilityassociation.org/s/webinar-details?id=a0A4z00001CRXj2EAH
UX Australia 2024
August 7, 2024.
Online and Melbourne, Australia
https://uxaustralia.com.au/conferences/ux-australia-2024
Women in Tech SEO Festival 2024
September 19, 2024.
Philadelphia, Pennsylvania, U.S.A.
https://www.womenintechseo.com/conference/usa/
HighEdWeb 2024 Annual Conference
September 22-25, 2024.
Online and Albuquerque, New Mexico, U.S.A.
https://events.highedweb.org/heweb24
W3C Technical Plenary and Advisory Committee (TPAC)
September 23-27, 2024.
Online and Anaheim, California, U.S.A.
https://www.w3.org/events/tpac/2024/tpac-2024-hybrid-meeting/
+06: HTML.
Distinguishing Between ARIA and Native HTML Attributes
By Jeremy Katherman.
"…Let's briefly examine the similarities and differences of these attributes and how to implement them correctly…"
https://www.deque.com/blog/distinguishing-between-aria-and-native-html-attributes/
+07: JAVASCRIPT.
Common ARIA Problems Found in Accessibility Audits
By Bogdan Cerovac.
"I've done quite some accessibility audits and in this blog post I will go into some common ARIA problems and how to cope with them…"
https://cerovac.com/a11y/2024/03/common-aria-problems-found-in-accessibility-audits/
+08: MISCELLANEOUS.
Why Disabled People's Needs Aren't 'Special'
By Holly Tuke.
"…Referring to disabled people's needs as special is harmful. It perpetuates stereotypes, provoking assumptions that our disability is something to be ashamed of, casting a dark cloud over whether our needs will be met…"
https://lifeofablindgirl.com/2024/02/04/why-disabled-peoples-needs-arent-special/
On (Hopefully Not) Becoming That Guy
By Matt May.
"…It's about having knowledge and opinions that are outdated, but insisting beyond all modern evidence that they're still correct. And worse, it's about using the status you've accrued to hold back the next generation of leaders, to your benefit. AI is a major proving ground for older tech workers in this respect. I've seen a lot who show a healthy skepticism, sometimes more deeply-held than my own. But when I see someone with forty-one years of experience making happy noises about AI, with lots of hand-waving and no citations… well, you saw the rest…"
https://buttondown.email/practicaltips/archive/on-hopefully-not-becoming-that-guy/
+09: NAVIGATION.
Mobile Breadcrumbs: 8 Best Practices in UX
By Mads Soegaard.
"Breadcrumbs act as navigation aids that simplify user journeys on websites…"
https://www.interaction-design.org/literature/article/mobile-breadcrumbs
+10: USABILITY.
Why Anthony Hobday's Sentence-Style Form Is Bad UX (And What to Do Instead)
By Adam Silver.
"Anthony asked me to tell him why his sentence-style form is awful…"
https://adamsilver.io/blog/why-anthony-hobdays-sentence-style-form-is-bad-ux-and-what-to-do-instead/
The Role of Design (Video)
By Don Norman.
"Don Norman explains the role of design and how designers can gain more respect."
https://www.nngroup.com/videos/role-of-design/
+11: WEBWASTE & SUSTAINABILITY.
Getting Rid of Crap Data
By Gerry McGovern.
"Most of the data that exists shouldn't…"
https://gerrymcgovern.com/getting-rid-of-crap-data/
[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.]
- Volume 22, Issue 38, March 13, 2024.
An email newsletter to distribute news and information about web design and development.
++ISSUE 38 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: CASCADING STYLE SHEETS.
03: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
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.
Thoughts on Embedding Alternative Text Metadata Into Images
By Eric Bailey.
"Another trend I see from time to time on social media is the idea that images should have alternative (alt) text descriptions included in their metadata…"
https://ericwbailey.website/published/thoughts-on-embedding-alternative-text-metadata-into-images/
How to Test 2.5.8 Target Size (Minimum)
By James Edwards.
"Success Criterion 2.5.8 Target Size (Minimum) is about ensuring that interactive targets can be easily activated by pointer users, without accidentally hitting an adjacent target…"
https://www.tpgi.com/how-to-test-2-5-8-target-size-minimum/
A Developer's Guide for Web Accessibility
By Parampreet Singh.
"Here is a deadly mistake that most of the developers make when getting started with WCAG is over using WAI-ARIA attributes, furthermore providing unnecessary screen reader-only content, additionally putting tab focus on all elements on the page, resulting in failing to meet the accessibility standards…"
https://scribe.rip/@askParamSingh/a-developers-guide-for-web-accessibility-6b85448cc7a0
Check-All / Expand-All Controls
By Adrian Roselli.
"Controls that can operate other controls in bulk are not new…"
https://adrianroselli.com/2024/03/check-all-expand-all-controls.html
Subtitles, Closed Captions, and Open Captions: What's the Difference?
By Ben Myers.
"I'm profoundly deaf. I rely heavily on my hearing aid, and every time I can watch something with captions, I will without a second thought…"
https://benmyers.dev/blog/captions-and-subtitles/
Access by a Thousand Curb Cuts
By Eric Eggert.
"Accessibility, especially on the web but also elsewhere, is a complicated combination of people with different roles working together. At any point during the creation of a web page, a blog post, its design, sourcing of images, or writing, issues can creep in…"
https://yatil.net/blog/access-by-a-thousand-curb-cuts
Nielsen Needs to Think Again
By Léonie Watson.
"…Nielsen thinks accessibility has failed. Nielsen thinks that generative AI will make my experience better. Nielsen apparently doesn't realise that generative AI barely understands accessibility, never mind how to make accessible experiences for humans. I think Nielsen needs to think again."
https://tink.uk/nielsen-needs-to-think-again/
Jakob Has Jumped the Shark
By Adrian Roselli.
"…At least we'll always have his 10 heuristics. He can't take that away, no matter how hard his notional infantalizing fake-AI might try."
https://adrianroselli.com/2024/03/jakob-has-jumped-the-shark.html
Minnesota Class Action Lawsuit Accuses Company Website of Inaccessibility
By Thomas Logan.
"In Minnesota, a Plaintiff who is legally blind alleges Christopher and Banks' website is not accessible to screen readers…"
https://equalentry.com/accessibility-lawsuit-minnesota-class-action/
+02: CASCADING STYLE SHEETS.
Alt Text for CSS Generated Content
By Martin Underhill.
"…If you're designing and coding responsibly, you should only be using content to add decorative elements to the page, meaning you'll probably never need the content property's 'alt' text functionality."
https://www.tempertemper.net/blog/alt-text-for-css-generated-content
Creating Color Palettes With the CSS color-mix() Function
By Michelle Barker.
"…Let's dive into how color-mix() can be a game-changer for your design process…"
https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/
Bad @ CSS
By David East and Adam Argyle.
"A podcast for those who are bad at CSS…"
https://badatcss.com/
+03: COLOR.
Accessible Color Themes
By Ellen Liebert, Laura Biray, and Rachael Bradley Montgomery.
"Create accessible color schemes for your content…"
https://www.ta11y.org/learning/topic?key=create_design.h_color_scheme
+04: EVALUATION & TESTING.
Defining and Finding Participants for Survey Research
By Jeff Sauro and Jim Lewis.
"…In this article, we'll go over some of the logistical details you'll want to sort out before launching your survey. We'll answer the following questions…"
https://measuringu.com/defining-and-finding-participants-for-survey-research/
+05: EVENTS.
Digital Cleanup Day
March 16, 2024.
Online
https://www.digitalcleanupday.org/
Fluid Responsive Design, the Utopian Future with Trys Mudford
March 21, 2024.
Online
https://www.meetup.com/css-cafe/events/299653271/
Website Accessible? Learn What to Look For and Other A11Y Basics
March 22, 2024.
Online
https://www.eventbrite.com/e/website-accessible-learn-what-to-look-for-and-other-a11y-basics-tickets-817595719807
Basics of PowerPoint Accessibility Remediation
March 27, 2024.
Online
https://accessingenuity.com/blogs/access-ingenuity-webinars
Batteries Included Accessibility: A Pragmatic Guide to Get Started Today
August 7, 2024.
Online
https://www.accessibilityassociation.org/s/webinar-details?id=a0A4z00001CRXj2EAH
UX Australia 2024
August 7, 2024.
Online and Melbourne, Australia
https://uxaustralia.com.au/conferences/ux-australia-2024
Women in Tech SEO Festival 2024
September 19, 2024.
Philadelphia, Pennsylvania, U.S.A.
https://www.womenintechseo.com/conference/usa/
HighEdWeb 2024 Annual Conference
September 22-25, 2024.
Online and Albuquerque, New Mexico, U.S.A.
https://events.highedweb.org/heweb24
W3C Technical Plenary and Advisory Committee (TPAC)
September 23-27, 2024.
Online and Anaheim, California, U.S.A.
https://www.w3.org/events/tpac/2024/tpac-2024-hybrid-meeting/
+06: HTML.
Distinguishing Between ARIA and Native HTML Attributes
By Jeremy Katherman.
"…Let's briefly examine the similarities and differences of these attributes and how to implement them correctly…"
https://www.deque.com/blog/distinguishing-between-aria-and-native-html-attributes/
+07: JAVASCRIPT.
Common ARIA Problems Found in Accessibility Audits
By Bogdan Cerovac.
"I've done quite some accessibility audits and in this blog post I will go into some common ARIA problems and how to cope with them…"
https://cerovac.com/a11y/2024/03/common-aria-problems-found-in-accessibility-audits/
+08: MISCELLANEOUS.
Why Disabled People's Needs Aren't 'Special'
By Holly Tuke.
"…Referring to disabled people's needs as special is harmful. It perpetuates stereotypes, provoking assumptions that our disability is something to be ashamed of, casting a dark cloud over whether our needs will be met…"
https://lifeofablindgirl.com/2024/02/04/why-disabled-peoples-needs-arent-special/
On (Hopefully Not) Becoming That Guy
By Matt May.
"…It's about having knowledge and opinions that are outdated, but insisting beyond all modern evidence that they're still correct. And worse, it's about using the status you've accrued to hold back the next generation of leaders, to your benefit. AI is a major proving ground for older tech workers in this respect. I've seen a lot who show a healthy skepticism, sometimes more deeply-held than my own. But when I see someone with forty-one years of experience making happy noises about AI, with lots of hand-waving and no citations… well, you saw the rest…"
https://buttondown.email/practicaltips/archive/on-hopefully-not-becoming-that-guy/
+09: NAVIGATION.
Mobile Breadcrumbs: 8 Best Practices in UX
By Mads Soegaard.
"Breadcrumbs act as navigation aids that simplify user journeys on websites…"
https://www.interaction-design.org/literature/article/mobile-breadcrumbs
+10: USABILITY.
Why Anthony Hobday's Sentence-Style Form Is Bad UX (And What to Do Instead)
By Adam Silver.
"Anthony asked me to tell him why his sentence-style form is awful…"
https://adamsilver.io/blog/why-anthony-hobdays-sentence-style-form-is-bad-ux-and-what-to-do-instead/
The Role of Design (Video)
By Don Norman.
"Don Norman explains the role of design and how designers can gain more respect."
https://www.nngroup.com/videos/role-of-design/
+11: WEBWASTE & SUSTAINABILITY.
Getting Rid of Crap Data
By Gerry McGovern.
"Most of the data that exists shouldn't…"
https://gerrymcgovern.com/getting-rid-of-crap-data/
[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