Accessibility
WCAG basics that make a site usable for everyone and keep it out of legal trouble.
Guides
- Accessibility8 min read
Accessibility checker results — fixing the ten findings we see most
An automated accessibility check finds about a third of the barriers on a page, and the same ten findings account for most of them. This guide explains each in plain terms, who it excludes, and the exact fix, with the WCAG 2.2 criterion it maps to.Updated 25 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 - Accessibility11 min read
Accessible modals and dialogs: focus, Escape and the native dialog element
What a modal must do for keyboard and screen reader users, how the native dialog element does most of it for free, the parts that stay your job, and how cookie banners and popups get it wrong.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 - Accessibility11 min read
Alt text decisions: decorative, informative, functional or complex
A decision guide for the images the basics do not settle, from charts and star ratings to icon buttons, inline SVG and background images, with ten worked examples and where each CMS keeps the field.Updated 25 Sept 2026 - Accessibility12 min read
Colour contrast: fixing the most common accessibility finding
Low-contrast text is the finding almost every accessibility check reports. Learn the WCAG 2.2 ratios, the colours that fail most, and how to fix them once in your theme.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 - Accessibility12 min read
Focus order and keyboard traps: making a page usable without a mouse
Press Tab on your own page and see what happens. This guide explains what a keyboard user expects, the six ways pages break it, and the fixes for focus rings, modals, menus and cookie banners.Updated 25 Sept 2026 - Accessibility11 min read
Form labels: every input needs one (no redesign required)
A field without a label is announced as "edit text" and nothing else. Learn the four ways to name a field, when a hidden label is fine, and the form plugin settings.Updated 25 Sept 2026 - Accessibility12 min read
Image alt text: decorative, informative, functional
How to write alt text for decorative, informative and functional images, what to do with logos, product photos and charts, and how to find every image on a page that has none with the free checks.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
Language attributes: lang on the page and on mixed-language parts
The lang attribute picks the screen reader voice, the hyphenation and the quote marks. Learn the right BCP 47 value, when to mark a phrase in another language, and how lang differs from hreflang.Updated 25 Sept 2026 - Accessibility11 min read
Link and button names: "read more" is not a name
Screen readers list every link on a page out of context, so twelve "Read more" links are twelve mysteries. How a link gets its name, the fixes for cards and icon buttons, and the WordPress filters.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 - Accessibility11 min read
Target size: the 24 × 24 pixel rule and its exceptions
WCAG 2.2 wants every link and button at least 24 × 24 CSS px or spaced apart. The rule, its exceptions, how the checker measures it, and the CSS that fixes icon buttons, pagination and social rows.Updated 25 Sept 2026 - Accessibility13 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 25 Sept 2026 - Accessibility10 min read
Zoom and the viewport meta tag: never disable pinch-zoom
user-scalable=no and maximum-scale=1 lock a quarter of phone users out of your text. Learn the one correct viewport tag, the real fix for iOS input zoom, and how to test at 200 % and 400 %.Updated 25 Sept 2026
Check all 16 at once
The Accessibility checker runs every check on this page against your site.