Website audit
WCAG Audit: How to Run One (Step by Step)
A WCAG audit checks whether your website meets the Web Content Accessibility Guidelines — the standard that courts, regulators, and procurement teams reference when they ask 'is this site accessible?' Running one sounds intimidating, but the high-signal version takes under an hour once you know what to look for. Here's the step-by-step process.
What a WCAG audit actually is
A WCAG audit is a structured review of your site against the WCAG 2.2 success criteria — the technical rules that define what 'accessible' means in practice. It splits into two halves: automated checks that catch objective failures in seconds (contrast, alt text, missing labels), and manual checks that require a human moving through the page the way a real user would (keyboard navigation, screen reader behavior, zoom).
The reason both halves matter: automated tools catch roughly 30–40% of all WCAG issues. They're excellent at finding the measurable stuff, but they can't judge whether a heading hierarchy makes sense, whether a focus order is logical, or whether an error message actually helps. A complete audit always includes both passes.
The WCAG levels explained
WCAG defines three conformance levels:
- Level A: the minimum. Covers the most critical barriers — missing alt text, no keyboard access, no captions on video. Failing Level A means a chunk of users literally cannot use your site.
- Level AA: the standard most legal and procurement requirements reference. Adds contrast requirements, resize text, consistent navigation, and error identification. This is the level you should target.
- Level AAA: the aspirational ceiling. Nice to have, but few sites achieve full AAA and it's not required for most compliance contexts.
Step 1: Run automated checks
Start with the tools. They're fast, free, and catch the high-frequency failures that make up the majority of real-world accessibility problems.
Use axe DevTools (browser extension), Lighthouse (built into Chrome), or WAVE. Run each on your most important pages — homepage, pricing, signup, and any page with forms. Record every issue: the element, the WCAG criterion it fails, and the page.
Step 2: Keyboard walkthrough
Put your mouse aside. Tab through every page and ask: can I reach every interactive element? Is the order logical? Is there a visible focus ring? Can I activate buttons and links with Enter or Space? Can I escape a modal?
This catches what no automated tool can — keyboard traps, illogical tab order, and mouse-only interactions. It's the single most important manual check.
Step 3: Screen reader test
Turn on VoiceOver (Mac), NVDA (Windows), or TalkBack (Android) and listen to your homepage and one form flow. Ask: are headings announced as headings? Does alt text describe images meaningfully? Can I navigate by landmarks? Do form fields announce their labels?
You don't need to be a screen reader expert — just listening for 10 minutes will surface the issues that matter most.
Step 4: Visual and zoom checks
Zoom to 200% and check: does the layout reflow without horizontal scrolling? Is text still readable? Do elements overlap?
Then test color contrast with a tool like the WebAIM Contrast Checker. Body text needs at least 4.5:1 against its background; large text needs 3:1. Low contrast is the single most common automated accessibility failure across the web.
Step 5: Prioritize and fix
Group your findings into three buckets:
- Critical: keyboard traps, missing form labels, no alt text on meaningful images. These block core use for real people — fix this week.
- High: low contrast, missing focus states, broken heading order. These affect most users — fix this month.
- Medium/Low: redundant ARIA, minor zoom issues, missing captions on optional video. Fix when you can.
Common WCAG audit failures (and fixes)
| Failure | WCAG criterion | Quick fix |
|---|---|---|
| Missing alt text | 1.1.1 Non-text Content | Add descriptive alt to informative images; empty alt to decorative. |
| Low color contrast | 1.4.3 Contrast (Minimum) | Darken text or lighten background until ratio is ≥ 4.5:1. |
| No visible focus indicator | 2.4.7 Focus Visible | Add a visible focus ring via CSS :focus-visible. |
| Form input has no label | 3.3.2 Labels or Instructions | Associate a <label> element with each input. |
| Keyboard trap in modal | 2.1.2 No Keyboard Trap | Ensure Escape closes the modal and focus returns to the trigger. |
| Missing document language | 3.1.1 Language of Page | Set lang attribute on <html>. |
Keep the audit going
Accessibility isn't a one-time project — it decays every time new code ships without it. Add automated checks to your CI pipeline, run a keyboard pass on every release, and make accessibility a review criterion for new features. An audit is a snapshot; an accessible culture is the product.
The automated half of a WCAG audit — contrast, alt text, labels — is part of what a free scored audit covers, so you can see where you stand before the manual pass. For the full checklist, see our WCAG 2.2 AA checklist, and for the legal context, read our ADA website compliance guide.
Frequently asked questions
What is a WCAG audit?+
A structured review of your site against the WCAG 2.2 success criteria — the technical standard that defines what 'accessible' means. It combines automated checks (contrast, alt text, labels) with manual testing (keyboard, screen reader, zoom).
How long does a WCAG audit take?+
The automated half takes minutes per page. A full audit including manual keyboard and screen-reader testing takes 30–60 minutes for a typical small business site.
What WCAG level should I target?+
Level AA. It's the level most legal and procurement requirements reference, and it covers the vast majority of real accessibility barriers.
Can I run a WCAG audit myself?+
Yes. Automated tools catch the measurable issues, and a keyboard walkthrough plus a short screen-reader test covers the rest. You don't need to be an accessibility expert to find the problems that matter most.