Accessibility
14 articles
How to Make Your Website Accessible on Mobile
Mobile accessibility has its own challenges: touch targets, zoom, orientation and mobile screen readers. Here is how to make your site work on a phone.
What Is an Accessibility Statement and How to Write One
An accessibility statement declares your commitment, conformance level and known issues, and gives users a way to get help. Here is how to write a good one.
How to Add Captions and Transcripts to Video
Captions and transcripts make audio and video accessible — and WCAG requires them. Here is what each one is, what the rules say, and how to add them properly.
What Are Screen Readers and How Do They Work?
Screen readers turn web pages into speech and braille for blind users. Here is what they are, how they read a page, and how to test your site with one.
How to Make Accessible Data Tables
Data tables only work for screen-reader users when headers are wired up correctly. Here is how to use caption, th scope, and headers/id, with code patterns.
How to Build Accessible Forms
Forms are where accessibility most often breaks. Here is how to label, group, validate and manage focus so everyone can complete them, with a checklist.
What Is ARIA and When to Use It
ARIA can make custom widgets accessible — or quietly break them. Here is what WAI-ARIA roles and states do, the first rule of ARIA, and when it genuinely helps.
What Is Color Contrast and How to Meet WCAG
Low contrast is the web's most common accessibility failure. Here is what contrast ratio means, the WCAG minimums to hit, and how to fix it without ugly design.
How to Make a Website Keyboard Accessible
Keyboard accessibility is a WCAG cornerstone. Here is how to make every control operable and focus visible, with no traps, and how to test it by keyboard.
How to Run an Accessibility Audit (Step by Step)
A repeatable accessibility audit process: define scope and target, test automatically and manually, log issues against WCAG, then prioritise, fix and retest.
How to Write Good Alt Text for Images
Alt text makes images accessible and helps SEO. Here are the rules for writing it well — by image type — with clear good and bad examples and a decision table.
How to Check if a Website Is Accessible
Automated scanners catch only a fraction of accessibility issues. Here is how to combine free tools with manual keyboard and screen-reader testing to be sure.
What Is WCAG? A, AA, and AAA Explained
WCAG is the web accessibility standard. Here is how its POUR principles and success criteria work, and the real difference between levels A, AA and AAA.
What Is Web Accessibility and Why It Matters
Web accessibility means building sites people with disabilities can use. Here is what it covers, who it helps, and the ethical, legal and business case.