Skip to main content
Guide

How to Test Your Website for Accessibility

Share
Reading level
Plain language + legal text

Why Testing Matters

Making a website accessible isn't a one-time task — it requires regular testing to find barriers, fix them, and make sure new content doesn't introduce new problems. The DOJ's Title II web rule requires conformance with WCAG 2.1 Level AA, and testing is how you know whether you meet that standard.

Effective testing combines three approaches: automated scanning tools, manual keyboard and visual checks, and screen reader testing. No single method catches everything — you need all three.

Automated Testing Tools

Automated tools scan your web pages and flag common accessibility issues. They're fast and good for catching low-hanging fruit, but they only find about 30–40% of issues.

axe DevTools (Deque)

Browser extension for Chrome and Firefox. Scans the current page and reports WCAG violations with detailed fix suggestions. Free core version covers most needs.

Catches: Missing alt text, low contrast, missing form labels, duplicate IDs, missing landmarks

WAVE (WebAIM)

Browser extension that adds visual icons directly on the page showing errors, alerts, and structural elements. Very intuitive for non-developers.

Catches: Empty links, missing headings, contrast errors, missing language attribute, redundant alt text

Lighthouse (Google)

Built into Chrome DevTools (Audits tab). Runs an accessibility audit based on axe-core. Good for quick checks during development.

Catches: Similar to axe — contrast, labels, ARIA attributes, tab order issues

What automated tools miss: Whether alt text is actually meaningful, whether a keyboard user can complete a task, whether content makes sense when read aloud, whether focus order is logical, and whether custom components work with assistive technology.

Official Standard

WCAG 2.1 — Conformance Testing

WCAG defines conformance as meeting all Level A and Level AA success criteria for entire web pages. Automated tools evaluate machine-testable criteria — approximately 30–40% of all success criteria.

Criteria like "text alternatives serve the equivalent purpose" (SC 1.1.1) or "content is understandable" (Principle 3) require human judgment and cannot be fully evaluated by automated tools alone.

Manual Testing

Manual testing catches the majority of issues that automated tools miss. Here's a step-by-step checklist:

Keyboard navigation

Put your mouse away. Use Tab to move forward, Shift+Tab to move back, Enter or Space to activate. Can you reach every link, button, form field, and menu? Can you always see where you are (visible focus indicator)? Can you escape every modal and dropdown?

Zoom to 200%

Press Ctrl/Cmd + to zoom to 200%. Does all content still display? Does text reflow without horizontal scrolling? Do menus and forms still work? Nothing should be cut off or overlapping.

Check heading structure

Use the WAVE tool or browser extensions to view the heading outline. Headings should go in order: H1 → H2 → H3. No skipped levels. Every page should have exactly one H1.

Check color contrast

Use the Colour Contrast Analyser or WebAIM's contrast checker. Test text against its background — body text needs 4.5:1, large text (18pt or 14pt bold) needs 3:1. Don't forget placeholder text and disabled states.

Check form labels

Click on the text label next to each form field. If clicking the label puts your cursor in the field, the label is properly associated. If not, screen readers won't announce what the field is for.

Test without images

Disable images in your browser. Can you still understand the content? Any information conveyed only by images (like an icon with no text) will be lost for screen reader users.

Official Standard

WCAG 2.1 SC 2.1.1 — Keyboard (Level A)

"All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes."

SC 1.4.4 — Resize Text (Level AA)

"Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality."

SC 1.4.3 — Contrast (Minimum) (Level AA)

"The visual presentation of text and images of text has a contrast ratio of at least 4.5:1."

Screen Reader Testing

Screen readers convert on-screen content to speech or Braille output. Testing with a screen reader reveals issues that no other method can catch — like confusing reading order, missing button names, or unlabeled icons.

VoiceOver (macOS / iOS)

Free — built in

Press Cmd+F5 to turn on. Use Ctrl+Option+Right/Left to navigate. Best tested with Safari. Also built into every iPhone and iPad (Settings → Accessibility → VoiceOver).

NVDA (Windows)

Free — download

Download from nvaccess.org. Press Insert+Down to start reading. Use Tab and arrow keys to navigate. Works best with Firefox or Chrome.

JAWS (Windows)

Paid — industry standard

The most widely used screen reader among blind users. 40-minute demo mode available for free. Works best with Chrome or Edge.

What to listen for: Can you tell what every button and link does? Are images described? Do form fields announce their labels? When the page changes (like after submitting a form), does the screen reader announce the change?

Most Common Issues Found

Research from WebAIM's annual survey of the top 1 million websites consistently finds the same issues year after year:

Missing alternative text

~55% of pages

Fix: Add descriptive alt text to every meaningful image. Use alt="" for decorative images.

Low color contrast

~83% of pages

Fix: Ensure body text has 4.5:1 ratio. Use a contrast checker tool before finalizing designs.

Empty links

~50% of pages

Fix: Links with only an icon must have aria-label or visually hidden text. A link should never announce as just "link."

Missing form labels

~46% of pages

Fix: Every input needs an associated <label> element. Placeholder text is not a substitute.

Inaccessible PDFs

Very common

Fix: PDFs must be tagged with a reading order. Scanned image PDFs need OCR processing first.

Missing document language

~18% of pages

Fix: Add lang="en" to the <html> element so screen readers use correct pronunciation.

How Often to Test

Accessibility testing should be part of your regular workflow, not a once-a-year event:

  • Before every launch: Run automated scans and manual keyboard testing on any new page, feature, or redesign before it goes live.
  • After every major update: CMS updates, theme changes, new plugins, or content migrations can introduce new barriers.
  • Quarterly audits: A more thorough review — including screen reader testing — on a regular schedule catches issues introduced by day-to-day content updates.
  • Continuous monitoring: Automated scanning tools can be set to run weekly or monthly and alert you to regressions.
  • Annual comprehensive audit: A full evaluation by an accessibility specialist provides the most complete picture and helps prioritize the year's remediation work.

Important Note

This guide provides general information about web accessibility testing. Comprehensive testing may require specialized expertise. For legal advice about your obligations or your rights, connect with an experienced ADA attorney.

Think you experienced an ADA violation?

Answer a few simple questions and we’ll show you exactly what applies to your situation — in 60 seconds.

Attorney-connected violation reporting — launching soon.