Accessibility fix guides
Plain-English guides to the issues automated scans find most often, with code you can copy.
How to fix missing image alt text
A practical guide to alt text: when images need it, how to write it, decorative images, linked images, and how to fix it in WordPress, Shopify and Squarespace.
How to fix low color contrast
What contrast ratios WCAG AA requires, how to measure them, and practical fixes for gray text, buttons, placeholders and text over images.
How to fix empty links and buttons
Why icon-only links and buttons are announced as just “link” or “button”, and how to give them accessible names with text, aria-label or hidden text.
How to fix missing form labels
How to label inputs, selects and textareas correctly, why placeholders are not labels, and how to handle search boxes, checkboxes and error messages.
How to set the page language
Add a valid lang attribute so screen readers pronounce your content correctly. Covers the html tag, multilingual pages, and WordPress and Shopify.
How to structure headings
Use one h1, nested h2–h6, and real heading tags instead of bold text, so screen reader users can skim your page.
How to make your site keyboard accessible
Test with the Tab key, restore visible focus outlines, fix focus traps, and make custom controls operable without a mouse.
How to write accessible link text
Replace “click here” and “read more” with link text that makes sense out of context, without hurting your design.
How to add captions to website videos
Add accurate captions to YouTube, Vimeo and self-hosted video, avoid autoplaying sound, and know when you need transcripts or audio description.
A website accessibility checklist for small businesses
A plain-English, 15-point checklist covering images, contrast, forms, keyboard, headings, video, and what to test by hand.