Step-by-step instructions for manual accessibility testing with keyboard and screen readers. Learn what to look and listen for.| Equalize Digital
(Note: This post was originally part of an issue of the UI Animation Newsletter. Subscribe for weekly updates on web animation and more.) | Val Head
Arguably, the most profound thing about the web is the ability to link one page to another.| WebKit
Arguably, the most profound thing about the web is the ability to link one page to another.| WebKit
Understanding| www.w3.org
A quick overview of dyslexia fonts.| www.a11yproject.com
A deep dive into the semantics, behaviours and characteristics of some of the most common user interface elements of websites today.| Hidde's blog
Enable seamless navigation between pages in Astro with view transitions.| Docs
Features encode user preferences, inherit behavior(s) and are communicated by several principals through agents. Design tokens may or may not support features.| Thomas Gossmann
We are fortunate to have robust patterns to choose from when optimizing accessibility in SVGs — but most people stop there, focusing on code compliance and not actual users and their needs. If true inclusiveness lies beyond patterns — what other factors should we consider when designing and developing accessible SVGs?| cariefisher.com
Some CSS media queries can detect user preferences. We'll review the two best-supported types for motion and color settings.| 12daysofweb.dev
Update 11/2021: this post was adapted into a lightning talk I recorded for the Fall 2021 Svelte Summit.| Geoff Rich
The prefers-reduced-motion media query is used to detect if the user has requested that animation and motion be minimized. Website animation may trigger motion sickness for those with vestibular disorders, and it is important to disable non-essential animations for these users. prefers-reduced-motion is often used in a CSS stylesheet to disable certain animations, though it can also be used to modify animations applied with JavaScript.| Geoff Rich
Pimp your GitHub profile README to include custom styles| pragmaticpineapple.com