Accessibility
WCAG basics that make a site usable for everyone and keep it out of legal trouble.
Guides
- 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 - Accessibility13 min read
Keyboard navigation: focus order, visible focus, traps and modals
Keyboard navigation means every link, button and field works with Tab, Shift+Tab, Enter, Space, the arrow keys and Escape, in a sensible order and with a visible focus ring. How to test it in ten minutes and fix the six ways pages break it, modals included.Updated 27 Sept 2026 - Accessibility15 min read
Testing your site with a screen reader in 20 minutes
Automated checks find about a third of accessibility problems. A scripted 20-minute pass with VoiceOver or NVDA finds much of the rest; here are the keys, the script and the fixes.Updated 27 Sept 2026 - Accessibility12 min read
The viewport meta tag: the one correct value, and why never to disable zoom
The viewport meta tag tells phones to lay a page out at their own width. The one value to use, what each setting does, why user-scalable=no and maximum-scale=1 do harm, and how to test at 200 % and 400 % zoom.Updated 27 Sept 2026 - Accessibility12 min read
Touch target size: the 24 px WCAG minimum, the 44-48 px guideline and the exceptions
Touch targets need to be at least 24 × 24 CSS px under WCAG 2.2, and 44 to 48 px is comfortable. The rule, its exceptions, what "clickable elements too close together" means, and the CSS that fixes it.Updated 27 Sept 2026 - Accessibility12 min read
ADA compliant website: what the law asks and what compliance means in practice
An ADA compliant website is one people with disabilities can use, measured in practice against WCAG 2.1 or 2.2 level AA. Who the ADA covers online, what the rules and courts say, the lawsuit risk and a plan to get there.Updated 26 Sept 2026 - Accessibility10 min read
Responsive font size: readable text on phones with rem and clamp()
A responsive font size keeps text readable on a 360 px phone and a 1440 px desktop without a jump at every breakpoint. The minimum sizes that work on mobile, fluid type with clamp(), and how to keep it zoomable.Updated 26 Sept 2026 - Accessibility13 min read
WCAG explained: versions, levels A, AA and AAA, and the checklist that matters
WCAG is the international standard for accessible websites. What its four principles and three levels mean, what WCAG 2.2 added, where WCAG 3 stands, and a level AA checklist you can work through.Updated 26 Sept 2026 - Accessibility17 min read
Web accessibility: what it is, what the law asks, and the ten fixes that matter most
Web accessibility means people with disabilities can use your site. What WCAG 2.2 asks, what the ADA and the European Accessibility Act require, and the ten fixes that clear most findings.Updated 26 Sept 2026 - Accessibility12 min read
Accessibility statement: what to write and how to keep it true
What an accessibility statement must say, who has to publish one in the EU and UK, a template you can fill in today, and a monthly routine that keeps every claim in it backed by a test.Updated 25 Sept 2026 - Accessibility12 min read
Accessible tables: headers, captions and when a table is the wrong element
How screen readers navigate a data table, the header and caption markup that makes it work, responsive tables that stay accessible, sortable headers, and the cases where a table is the wrong element.Updated 25 Sept 2026 - Accessibility13 min read
European Accessibility Act: what small sites must do
Who the European Accessibility Act covers, how the microenterprise exemption works, what compliance looks like for an online shop in practice, and a 90-day plan to get the purchase flow there.Updated 25 Sept 2026 - Accessibility13 min read
Landmarks and skip links: the structure screen readers navigate by
header, nav, main and footer let screen reader users jump straight to the content; a skip link does the same for keyboard users. The roles, the one-main rule, the CSS, and where themes go wrong.Updated 25 Sept 2026 - Accessibility11 min read
Motion and prefers-reduced-motion: animations that respect the visitor
Which animations make people ill, what WCAG actually requires, the media query with both strategies, how GSAP, Framer Motion and Lottie honour the preference, and where motion also costs you speed.Updated 25 Sept 2026
Check all 20 at once
The Accessibility checker runs every check on this page against your site.