New note: 2022 almnac

content/notes/2022-web-almanac-accessibility.md

@@ -0,0 +1,26 @@
+---
+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).

layouts/partials/webmentions.html

@@ -1,4 +1,4 @@
-{{- $wbmLinks := (slice "https://si3t.ch/log/2021-04-18-entetes-floc.html" "https://xmpp.org/2021/02/newsletter-02-feburary/" "https://gurlic.com/technology/post/393626430212145157" "https://gurlic.com/technology/post/343249858599059461" "https://www.librepunk.club/@penryn/108411423190214816" "https://benign.town/@josias/108457015755310198" "http://www.tuxmachines.org/node/148146" "https://i.reddit.com/r/web_design/comments/k0dmpj/an_opinionated_list_of_best_practices_for_textual/gdmxy4u/" "https://bbbhltz.space/posts/thoughts-on-tech-feb2021/" "https://jorts.horse/@alice/108477866954580532" "https://brid.gy/comment/mastodon/@Seirdy@pleroma.envs.net/AK7FeQ4h2tUCKNwlXc/AK7GtGkE7JOVgm1Cgi" "https://fosstodon.org/@werwolf/108529382741681838" "https://mastodon.social/@WahbAllat/108986614624476982") -}}
+{{- $wbmLinks := (slice "https://si3t.ch/log/2021-04-18-entetes-floc.html" "https://xmpp.org/2021/02/newsletter-02-feburary/" "https://gurlic.com/technology/post/393626430212145157" "https://gurlic.com/technology/post/343249858599059461" "https://www.librepunk.club/@penryn/108411423190214816" "https://benign.town/@josias/108457015755310198" "http://www.tuxmachines.org/node/148146" "https://i.reddit.com/r/web_design/comments/k0dmpj/an_opinionated_list_of_best_practices_for_textual/gdmxy4u/" "https://bbbhltz.space/posts/thoughts-on-tech-feb2021/" "https://jorts.horse/@alice/108477866954580532" "https://brid.gy/comment/mastodon/@Seirdy@pleroma.envs.net/AK7FeQ4h2tUCKNwlXc/AK7GtGkE7JOVgm1Cgi" "https://fosstodon.org/@werwolf/108529382741681838" "https://mastodon.social/@WahbAllat/108986614624476982" "https://linuxrocks.online/@friend/109029028283860044" "https://fosstodon.org/@fullstackthaumaturge/108765040526523487") -}}
 {{- $archivetodayLinks := (slice "https://example.com") -}}
 <hr />
 <section aria-labelledby="webmentions">

linter-configs/hintrc

@@ -80,7 +80,10 @@
 		"no-vulnerable-javascript-libraries": "off",
 		"html-checker": "off",
 		"image-optimization-cloudinary": "off",
-		"no-disallowed-headers": "error",
+		"no-disallowed-headers": [ "error",
+			{
+				"ignore": ["x-frame-options"]
+			}],
 		"meta-charset-utf-8": "error",
 		"disown-opener": "error",
 		"content-type": ["error", {

linter-configs/htmltest.yml

@@ -53,4 +53,6 @@ IgnoreURLs:
   - "https://forum.kuketz-blog.de/viewtopic.php"
   - "https://web.archive.org/" # the wayback machine itself.
   - "https://webring.yesterweb.org/noJS/index.php" # Seems to block htmltest; check manually
+  - "https://gitweb.torproject.org/tor-browser.git/tree/browser/components/securitylevel/SecurityLevel.jsm.id=ffdf" # Seems to block htmltest; check manually
+  - "https://lnk.dk" # blocks htmltest
 OutputDir: "linter-configs/htmltest"