mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-10 00:12:09 +00:00
27 lines
1.3 KiB
Markdown
27 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: "Reflections on the 2022 Web Almanac’s accessibility findings"
|
|||
|
|
date: 2022-10-10T21:37:52-07:00
|
|||
|
|
replyURI: "https://almanac.httparchive.org/en/2022/accessibility"
|
|||
|
|
replyTitle: "Accessibility: The 2022 Web Almnac"
|
|||
|
|
replyType: "TechArticle"
|
|||
|
|
replyAuthor: "HTTP Archive"
|
|||
|
|
replyAuthorURI: "https://httparchive.org/"
|
|||
|
|
replyAuthorType: "Organization"
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
I have a few thoughts on these findings:
|
|||
|
|
|
|||
|
|
1. The Almanac says skip links commonly skip to the `<main>` element; I consider [large focusable containers an anti-pattern]({{<relref "/posts/website-best-practices.md#against-focusable-containers">}}) since they ruin keyboard navigability, and recommend skipping to a heading instead.
|
|||
|
|
|
|||
|
|
2. The Almanac identifies accessible live regions by `role="live"`. I'd suggest also looking into `role="feed"`, which represents a common type of live region.
|
|||
|
|
|
|||
|
|
Some common accessibility issues I'd be interested in for future editions:
|
|||
|
|
|
|||
|
|
- Contrast that's too high
|
|||
|
|
- Setting custom foregrounds but not custom backgrounds, and vice versa
|
|||
|
|
- Removing link underlines
|
|||
|
|
- Focusable containers
|
|||
|
|
- Using icon fonts without accessible names
|
|||
|
|
|
|||
|
|
Overall, it's a good look at the small subset of accessibility issues that are automatically detectable (most of which are far less critical than manually-detectable issues).
|