ADA Website Audit: How to Test Your Site for Accessibility Issues

You do not need to be a developer or an accessibility expert to audit your website for ADA compliance issues. With the right tools and a basic understanding of what to look for, you can identify the most critical problems on your site in under an hour — and many of them are straightforward to fix.

This guide walks you through the process step by step: which free tools to use, what to test, how to interpret what you find, and when it makes sense to bring in professional help. Whether you are a small business owner doing this yourself or a developer taking your first pass at accessibility, this is your starting point.

Free Tools for ADA Website Auditing

Several excellent free tools exist for testing website accessibility. Each works differently and catches different things, so using more than one gives you better coverage.

axe DevTools (Browser Extension)

Built by Deque Systems, axe DevTools is the gold standard for automated accessibility testing. It runs directly in your browser's developer tools panel and tests the current page against WCAG 2.1 AA criteria. It identifies specific elements that fail, explains why they fail, and links to documentation on how to fix them. The free version is powerful enough for most auditing needs. The underlying engine — axe-core — is the same one used by Google Lighthouse, Microsoft Accessibility Insights, and ADA Audit Report.

WAVE (Web Accessibility Evaluation Tool)

Created by WebAIM at Utah State University, WAVE is a browser extension that overlays accessibility information directly on the page you are viewing. It visually flags errors, alerts, and structural elements — making it particularly intuitive for non-developers. WAVE is excellent for quickly scanning a page and understanding the spatial relationship between issues and the content they affect.

Google Lighthouse

Built into Chrome DevTools (under the "Lighthouse" tab), Lighthouse includes an accessibility audit alongside its performance and SEO checks. It uses axe-core under the hood and provides a 0-100 accessibility score. While less detailed than running axe DevTools directly, it is convenient for a quick check and for seeing accessibility alongside other site health metrics. Note that a Lighthouse score of 100 does not mean your site is fully compliant — it means it passed the automated checks, which cover only 30-40% of WCAG criteria.

WebAIM Contrast Checker

A focused tool at webaim.org/resources/contrastchecker for testing color contrast ratios. Enter your text color and background color, and it instantly tells you whether the combination passes WCAG AA and AAA requirements. Essential for evaluating any color scheme choices on your site. WCAG SC 1.4.3 requires a minimum ratio of 4.5:1 for normal text and 3:1 for large text (18px bold or 24px regular).

What to Test: A Step-by-Step Checklist

A thorough ADA website audit covers more than just running an automated scan. Here is a structured approach that combines automated testing with essential manual checks.

  1. Run an automated scan on your key pages. Start with your homepage, a product or service page, your contact page, and any page with forms or interactive elements. Use axe DevTools or ADA Audit Report's free scan to get an initial violation count. This immediately identifies missing alt text, contrast failures, unlabeled form fields, and structural issues.
  2. Test keyboard navigation. Put your mouse aside and navigate your entire site using only the Tab key (forward), Shift+Tab (backward), Enter (activate), and Escape (close). Can you reach every link, button, and form field? Can you see a visible focus indicator showing where you are? Can you open and close dropdown menus and modal dialogs? If you get stuck anywhere — a "keyboard trap" — that is a critical WCAG 2.1.2 violation.
  3. Check heading structure. Right-click your page and view the source, or use the WAVE extension to see heading levels. Headings should follow a logical hierarchy: one <h1> per page, followed by <h2> sections, with <h3> subsections beneath them. Skipping levels (jumping from <h1> to <h3>) or using headings purely for visual styling breaks the document outline that screen reader users rely on to navigate (WCAG SC 1.3.1).
  4. Verify all images have alt text. Inspect each image on your key pages. Every meaningful image needs a descriptive alt attribute. Product photos should describe the product. Team headshots should include the person's name. Decorative images — like background patterns or visual dividers — should use an empty alt attribute (alt="") so screen readers skip them entirely. This is WCAG SC 1.1.1, and it is the single most commonly cited violation in ADA lawsuits.
  5. Inspect form labels and error handling. Every input field — text fields, dropdowns, checkboxes, radio buttons — needs a programmatically associated <label> element. Placeholder text alone is not sufficient (it disappears when the user types, and many screen readers ignore it). Also check that form validation errors are clearly identified: do they name the specific field with the error, and are they announced to screen readers? (WCAG SC 3.3.1 and 3.3.2).
  6. Test color contrast. Use the WebAIM Contrast Checker to test your primary text/background combinations. Pay special attention to light gray text on white backgrounds, text over images, placeholder text in form fields, and button text. Every text element needs at least a 4.5:1 contrast ratio against its background (WCAG SC 1.4.3).
  7. Try a screen reader. If you are on a Mac, activate VoiceOver (Command+F5). On Windows, download NVDA (free). Navigate your homepage and one other key page. Listen to how the page is announced. Are images described? Are buttons and links clearly labeled? Does the reading order match the visual order? This is the most revealing test you can perform — and the one most businesses skip.

Common Issues Found in ADA Website Audits

The WebAIM Million study audits the homepages of the top one million websites annually. In their most recent report, 96% of pages had detectable WCAG failures. Here are the most common issues, ranked by frequency:

83% Low contrast text — fails SC 1.4.3
58% Missing alt text on images — fails SC 1.1.1
50% Missing form input labels — fails SC 1.3.1
46% Empty links — fails SC 2.4.4

Other frequently found issues include missing document language (<html lang="en">), empty buttons (icon buttons without accessible names), broken skip navigation links, missing page titles, and auto-playing media without controls. The good news is that most of these are straightforward to fix once you know they exist.

How to Interpret Audit Results

When you run an automated scan, you will typically see results categorized by severity. Understanding these categories helps you prioritize what to fix first:

Focus on patterns, not individual instances. If your scan finds 200 instances of missing alt text, that is probably not 200 separate fixes — it is likely one systemic issue (your CMS template does not include alt text fields, or your content editors are not filling them in). Fixing the root cause eliminates all 200 instances at once. A good audit report will group violations by rule and identify these patterns for you.

Prioritizing Fixes by Impact

You do not need to fix everything at once. Here is a practical prioritization framework that balances legal risk, user impact, and implementation effort:

  1. Fix critical and serious automated findings first. These are the violations most likely to trigger legal action and most likely to block real users. Missing alt text, insufficient contrast, unlabeled forms, and empty links should be addressed within days, not weeks.
  2. Resolve keyboard navigation issues. If any part of your site traps keyboard users or is unreachable without a mouse, that is a critical barrier. Test and fix your main navigation, forms, modals, and interactive widgets.
  3. Address heading structure and semantic HTML. These issues are less likely to trigger lawsuits on their own but significantly affect how screen reader users experience your site. Proper heading hierarchy and semantic elements (<nav>, <main>, <button>) cost little to implement correctly.
  4. Add captions to video content. If you have videos on your site, they need captions (WCAG SC 1.2.2). Auto-generated captions from YouTube or Vimeo are a reasonable starting point, but they should be reviewed for accuracy — especially for technical or domain-specific terminology.
  5. Document your efforts. Keep a record of every scan you run, every issue you find, and every fix you implement. If you ever receive a demand letter, this documentation demonstrates good-faith effort and is your strongest defense.

When to Get Professional Help vs. DIY

For many small business websites — brochure sites, simple service pages, basic WordPress or Squarespace sites — a DIY audit using the tools and steps above will catch the majority of actionable issues. But there are situations where professional help is worth the investment:

Related Resources

Continue learning about ADA website accessibility with these guides:

About ADA Audit Report

ADA Audit Report provides fast, affordable ADA compliance auditing for small and mid-size businesses. Our free scan tests your homepage against WCAG 2.1 AA criteria in about 30 seconds, using axe-core — the same open-source engine behind Google Lighthouse, Microsoft Accessibility Insights, and Deque's axe DevTools. Our full $49 report includes a complete violation inventory, WCAG criteria mapping, severity ratings, before-and-after code examples, and a prioritized fix list your developer can start on immediately.

We are based in Los Angeles, California. We are a technology company, not a law firm — we help businesses find and fix accessibility issues, not threaten them.

Start your audit now

Run a free accessibility scan on your website. See your top issues in 30 seconds.

Run a Free Scan