Accessibility
I design systems for a living, and accessibility is part of the system, not a layer on top. This site aims to meet WCAG 2.2 level AA.
TODO (Elleta): Last reviewed: the date of publishing.
What I do
- Colour and contrast come from BELLA, my design system. Text and controls are checked against AA contrast in light and dark mode on every change.
- Automated checks (axe) run on every change, along with tests that make sure the page reads in a sensible order for screen readers.
- Keyboard: everything works without a mouse, with a visible focus ring.
- Text size: nothing is smaller than 14px, sizes follow your browser settings, and pages still work at 200% zoom.
- Motion: animations switch off if you've asked your device to reduce motion.
- Images have text alternatives; decorative ones are hidden from screen readers.
What isn't perfect yet
Some older case studies and interactive prototypes in the lab were built before these checks and may have gaps.
TODO (Elleta): List any you know about.
Videos:
TODO (Elleta): Do they have captions? If not, say so and when you'll add them.
I test with VoiceOver on macOS and in Chrome. Other screen readers and browsers are checked less often.
Tell me if something doesn't work
If anything on this site is hard to use, email me with the page and what happened (). I'll reply within five working days and fix what I can.