+++ WEB DESIGN UPDATE.
- Volume 22, Issue 18, October 25, 2023.
An email newsletter to distribute news and information about web design and development.
++ISSUE 18 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: COLOR AND CONTRAST.
04: DRUPAL.
05: EVALUATION & TESTING.
06: EVENTS.
07: HTML.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: 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.
How Mobile Apps Undergo Accessibility Monitoring
By Andrew Hick.
"…This blog covers how we've applied WCAG to mobile, the challenges we've faced, and a recent case study…"
https://accessibility.blog.gov.uk/2023/10/18/how-mobile-apps-undergo-accessibility-monitoring/
Mobile Site and Native App Accessibility Testing (Series)
By ICT Accessibility Testing Symposium Mobile Sub-Committee.
"Welcome to our series on the ICT Symposium's Mobile Site and Native App Accessibility Testing. For the next thirty working days we will be posting once a day! We will be posting a series of articles to help testers and developers determine and improve the accessibility of their mobile websites and apps…"
https://www.accessibilityoz.com/2023/10/mobile-site-and-native-app-accessibility-testing-step-5-test-mobile-assistive-technology-and-feature-support/
Why Unique ID Attributes Matter
By Lee Amador.
"…Sometimes, the use of non-unique ID attributes can be disastrous - and not just for accessibility, but for usability too…"
https://www.deque.com/blog/unique-id-attributes-matter/
Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 Parsing
By Bogdan Cerovac.
"9 new success criteria and one less in WCAG 2.2. Removing 4.1.1 from WCAG 2.2 impacting WCAG 2.0 and WCAG 2.1 as well (can't fail 4.1.1 anymore). Even if three new WCAG 2.2 success criteria are on level AAA I don't see reasons to not implementing them as they bring much value…"
https://cerovac.com/a11y/2023/10/welcome-wcag-2-2-and-goodbye-success-criterion-4-1-1-parsing/
How To Meet WCAG 2.2 - Some Practical Examples
By Alexander Lehner.
@alex86@tech.lgbt
"The new version 2.2 of the Web Content Accessibility Guidelines was released recently. It adds 9 new success criteria and removes the old 4.1.1 Parsing criterion…"
https://www.oidaisdes.org/how-to-meet-wcag-2-2.en/
Understanding WCAG 2.2
By GOV.UK.
"This is an overview of WCAG 2.2 level AA. It does not replace the WCAG 2.2 guidelines, which provide a full explanation of all principles and requirements…"
https://www.gov.uk/service-manual/helping-people-to-use-your-service/understanding-wcag
Accessibility Improvements for User-Agents
By Alastair Campbell.
@alastc@toot.cafe
"I've written about the accessibility-gap on the user-agent side before (back in 2007!), I thought it a useful time for an update. I'm trying to answer the question: What could user-agents (primarily browsers in this case) do to improve the experience of websites for people with disabilities?…"
https://alastairc.uk/2023/10/accessibility-improvements-for-user-agents/
Beyond Audio Description: Exploring 360° Video Accessibility with Blind and Low Vision Users Through Collaborative Creation
By Lucy Jiang, Mahika Phutane, and Shiri Azenkot.
"…We found that immersive video accessibility went beyond an extension of traditional video accessibility techniques. Participants valued accurate vocabulary and different points of view for descriptions, preferred a variety of presentation locations for spatialized AD, appreciated sound effects for setting the mood and subtly guiding, and wished to engage multiple senses to boost engagement. We conclude with implications for immersive media accessibility and future research directions to support disabled people as creators of access technology…"
https://dl.acm.org/doi/abs/10.1145/3597638.3608381
Is CAPTCHA Accessible?
By Inclusion and Accessibly Labs.
"…In short, the answer to the big question is no, CAPTCHA is not fully accessible…"
https://ialabs.ie/is-captcha-accessible/
Accessibility Options in Virtual Reality Gaming: A Case Study with Myst
By Meryl K. Evans.
@MerylEvans@mastodon.social
"…Since Myst was not originally designed for virtual reality, it's been hard to play it for more than a few minutes as motion sickness kicks in. One thing that would be useful in 3D and virtual reality apps and gaming is to have a single setting for reducing motion. Then, the user would not have to figure out which setting will help minimize motion sickness."
https://equalentry.com/virtual-reality-accessibility-gaming-myst/
+02: CASCADING STYLE SHEETS.
Limit the Reach of Your Selectors With the CSS @scope at-rule
By Bramus Van Damme.
@bramus@front-end.social
"Learn how to use @scope to select elements only within a limited subtree of your DOM…"
https://developer.chrome.com/articles/at-scope/
Using CSS Custom Properties Like This Is a Waste (Video)
By Kevin Powell.
"…Custom properties are amazing, but a lot of people don't take advantage of how awesome they are. They set them up in the :root and that's it, but they can be so much more useful than that! So, in this video I explore how we take them up a notch and make our code a lot more efficient in the process…"
https://www.youtube.com/watch?v=_2LwjfYc1x8
A Couple of New CSS Functions I'd Never Heard Of
By Chris Coyier.
@chriscoyier@front-end.social
"…light-dark()…xywh()…round()…perspective()…"
https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of/
Style Scoped
By Chris Coyier.
"The idea of scoping styles has been desired for a long time. The idea is to write CSS without worrying it will apply to more than you want it to…"
https://chriscoyier.net/2023/10/19/style-scoped/
Prodding Firefox to Update :has() Selection
By Eric A. Meyer.
@Meyerweb@mastodon.social
"…today, I wanted to share a little hack I developed to make Firefox a tiny bit more capable…"
https://meyerweb.com/eric/thoughts/2023/10/19/ffhack-has/
+03: COLOR AND CONTRAST.
3 Color Contrast Accessibility Tools With Examples
By Whitney Lewis.
Whitney recently updated this article.
https://blog.pope.tech/2023/10/17/3-color-contrast-accessibility-tools-with-examples/
What Should Be the Contrast Level of Inactive Buttons?
By Giulia Alfarano.
"Using the APCA Readability Criterion to improve the accessibility of disabled controls…"
https://uxdesign.cc/what-should-be-the-contrast-level-of-inactive-buttons-e618424c1f57
Easy Dark Mode With color-scheme (Video)
By Sara Joy.
@sarajw@front-end.social
Sara's HTML Meetup presentation in Hamburg on September 2023.
https://www.youtube.com/watch?v=Lye56NHGtLA
Link Colors and the Rule of Tincture
By Theresa O'Connor.
@hober@mastodon.social
"When you think of heraldry what comes to mind is probably knights in shining armor, damsels in distress, jousting, that sort of thing. Medieval stuff. But I prefer to think of it as one of the earliest design systems…"
https://tess.oconnor.cx/2023/10/heraldic-link-colors
+04: DRUPAL.
Drupal A11y Office Hours
By Drupal.
"Join us live on a Google Meet at 9am ET / 6am PT on the 3rd Thursday of every month. During this time, we will be available to answer questions and review projects, live and in real time, with you…"
https://www.drupal.org/docs/getting-started/accessibility/a11y-office-hours
+05: EVALUATION & TESTING.
Conducting a Moderated Usability Testing for Screen Reader Users and Keyboard Navigation Users
By Evelyn Sakura Brokering.
"If you are in front of a computer with a keyboard, try starting by tapping the Tab key…"
https://convergeaccessibility.com/2023/10/23/conducting-a-moderated-usability-testing-for-screen-reader-users-and-keyboard-navigation-users/
Are People Who Agree to Think Aloud Different?
By Jeff Sauro and Jim Lewis.
"…In this article, we'll look at the demographic variables we collected from the roughly 50% of people who were unwilling to participate…"
https://measuringu.com/are-people-who-agree-to-ta-different/
Four Steps to Completing Usability Testing Analysis
By Nomensa.
"Usability testing analysis plays a crucial role in the research process, helping to identify usability issues, gather feedback, and ensure that digital products meet users' needs…"
https://www.nomensa.com/blog/four-steps-to-completing-usability-testing-analysis/
+06: EVENTS.
Attitudes to Accessibility Are Changing - a Global Perspective
October 31, 2023.
Online
https://abilitynet-org-uk.zoom.us/webinar/register/1916969314217/WN_bX4VMmZNR2qTboa7V06awA
World Usability Day 2023 - Collaboration and Cooperation
November 09, 2023.
Online
https://uxpamn.org/event-5435272
Making Accessible Videos
January 18, 2024.
Online
https://at3center.net/event/making-accessible-videos-webinar/
HalfStack Phoenix
February 2, 2024.
Phoenix, Arizona, U.S.A.
https://halfstackconf.com/phoenix
+07: HTML.
Splitting within Selects
By Adrian Roselli.
@aardrian@toot.cafe
"Today only Safari 17 on macOS partially supports in