Articles

Todo

Text contrast ratios, sizes and weights, AA/AAA
Link underlines, tooltips, focus states
Alt text for images, accessible SVGs
Color blindness, dyslexia, Agastya incorporation
Using correct elements, eg. and , accessibility tree
Keyboard navigation, “skip to content”
ARIA attributes, SEO meta tags, etc.
Semantic tags, eg. blockquote cite
Adding speech synthesis to all content? Not good, but a case can be made
20% reading time Augmenta11y research
Button text shouldn’t be title cased, should be sentence cased; manual of style
Smart quotes, manual of style, implementation guide (smartquotes.js or Hugo Markdown render)
Translation?
Don’t use flag icons for languages, what about currencies?
- Primark employee badges have little flags for languages (works well)
- Flixbus website has a globe icon for English plus flag icons
Use input autocomplete attributes for autocomplete and for password managers (see docs)
:focus-visible