Accessibility
WCAG basics that make a site usable for everyone and keep it out of legal trouble.
- Accessibility15 min read
WCAG color contrast: the ratios, and how to fix low-contrast text
WCAG color contrast asks for a ratio of at least 4.5:1 for normal text and 3:1 for large text, buttons and focus rings. Here is how the ratio works, the colours that fail most and how to fix them once in your theme.Updated 4 Oct 2026 - Accessibility11 min read
Accessible forms and accessible names: labels, links and buttons
Accessible forms start with one rule that also covers every link and button: each needs an accessible name, the words a screen reader announces. How to label fields, write error messages, and fix icon buttons and "read more" links.Updated 27 Sept 2026 - Accessibility13 min read
Alt text: what it is and how to write it, with examples
Alt text is the short description in an image's alt attribute that screen readers speak, browsers show when the image fails and search engines read. How to write it for decorative, informative, functional and complex images, with examples.Updated 27 Sept 2026
Fix pages
Images, colour and language
4 of 4Forms, links and controls
3 of 3Keyboard and page structure
4 of 4- Accessibility basics: fixing axe violationsHigh impact.Fixes
axe-critical+31 min - How to add page landmarks (header, nav, main, footer)Medium impact.Fixes
landmarks-present1 min - How to add a skip linkMedium impact.Fixes
skip-link1 min - Why positive tabindex values break tab orderFor information.Fixes
tab-order-trap1 min
Check all 20 at once
The Accessibility checker runs every check on this page against your site.