Skip to main contentSkip to footer
ADA compliance guide

How to make your website ADA compliant

A practical guide for business owners: who the ADA covers online, what WCAG 2.1 AA actually requires, what an ADA lawsuit costs, and the exact steps — with free tools — to bring your website into compliance.

Ready to act on it? See our ADA compliance widget or scan your site against WCAG for free.

  • WCAG 2.1 AA checklist
  • Free accessibility scan
  • No legal jargon
Launcher ready
your-website.com

Page preview

Visitor-adjustable experience

The embed does not change your stack — it adds the same panel customers configure in the dashboard.

Launcher ready

Default grey button — same as the live Inclusense widget.

WCAG 2.1 AA

The standard courts apply

4.5:1

Minimum text contrast ratio

1 in 4

US adults with a disability

The basics

What is an ADA compliant website?

The ADA doesn’t list website rules — so courts use WCAG 2.1 Level AA as the measuring stick.

The Americans with Disabilities Act (ADA) is a US civil-rights law from 1990 — it predates the modern web, so it never defined technical rules for websites. That gap is filled by the Web Content Accessibility Guidelines (WCAG): US courts and the Department of Justice consistently point to WCAG 2.1 Level AA as the practical standard for whether a website is accessible.

In plain terms, an ADA compliant website is one that people with visual, motor, auditory, or cognitive disabilities can actually use: text has enough contrast to read, images have alternative text, everything works with a keyboard, forms are labeled, videos are captioned, and pages have a logical structure that screen readers can navigate.

You can measure most of this. Run our free website accessibility checker to see where your site stands against WCAG-oriented checks in a few minutes — no login required.

Who must comply

Does my website need to be ADA compliant?

If you serve the public in the US, the safe assumption is yes — these are the groups regulators and courts focus on.

Businesses open to the public

ADA Title III covers “places of public accommodation” — retail, restaurants, hotels, banks, healthcare, gyms, entertainment. Courts have repeatedly treated their websites as extensions of the physical business.

E-commerce stores

Online-only stores are the most common lawsuit target. If customers can browse and buy on your site, plaintiffs’ firms consider it a public accommodation regardless of whether you have a physical location.

State and local government

ADA Title II now explicitly requires WCAG 2.1 Level AA for state and local government websites and apps, with compliance deadlines in 2026–2027 depending on population size.

Federal contractors & funded orgs

Section 508 and the Rehabilitation Act apply accessibility requirements to federal agencies, contractors, and organizations receiving federal funding — including many schools and nonprofits.

The risk

What happens if your website is not ADA compliant?

Thousands of web accessibility lawsuits are filed in US federal and state courts every year, alongside a much larger volume of pre-suit demand letters. E-commerce sites are the most common target, and small and mid-size businesses — not just large brands — receive the majority of claims. Typical settlements cost thousands to tens of thousands of dollars, plus legal fees and the remediation work you would have needed anyway.

The quieter cost is lost customers: about one in four US adults lives with a disability. An inaccessible checkout or unreadable menu turns those visitors away every day — compliance work and usability work are the same work.

Step by step

How to make your website ADA compliant in 8 steps

Work through these in order — the first three steps alone resolve the most common WCAG failures found in audits.

  1. Step 1

    Run an accessibility audit

    Start with an automated scan to find contrast failures, missing alt text, unlabeled forms, and structural issues across your pages. It gives you a prioritised list instead of guesswork.

  2. Step 2

    Add alt text to images

    Every meaningful image needs descriptive alternative text so screen reader users understand it. Decorative images should have empty alt attributes so they are skipped.

  3. Step 3

    Fix color contrast

    Normal text needs a contrast ratio of at least 4.5:1 against its background; large text needs 3:1. Low-contrast text is the single most common failure on the web.

  4. Step 4

    Make everything keyboard accessible

    Users must be able to reach and operate every menu, link, button, and form with the Tab and Enter keys alone — with a visible focus indicator showing where they are.

  5. Step 5

    Label forms and buttons

    Each form field needs a programmatic label, and buttons and links need accessible names. “Click here” and unlabeled icon buttons fail screen reader users.

  6. Step 6

    Use proper heading structure

    One H1 per page, headings in logical order, and real HTML landmarks (nav, main, footer) let assistive technology users navigate your content quickly.

  7. Step 7

    Caption video and transcribe audio

    Pre-recorded video needs synchronized captions and audio content needs transcripts under WCAG 2.1 AA — increasingly relevant as sites lean on video.

  8. Step 8

    Give visitors display controls

    An accessibility widget adds visitor-facing controls — contrast, text size, reading support, reduced motion — that improve usability today while your team fixes code-level issues.

Using a platform? See our dedicated guides for WordPress, Shopify, and Wix accessibility.

Design rules

ADA compliant colors and contrast

Contrast failures are the #1 automated finding on the web — these four rules cover most of them.

4.5:1

Normal text contrast

Body text vs. background (WCAG 1.4.3, Level AA)

3:1

Large text contrast

Text 18pt+ or 14pt bold (WCAG 1.4.3, Level AA)

3:1

UI components & graphics

Buttons, form borders, icons, charts (WCAG 1.4.11)

Never

Color as the only signal

Errors, links, and states need a second cue (WCAG 1.4.1)

There is no fixed “ADA color palette” — any brand colors work if the combinations meet these ratios. A WCAG accessibility scan flags every failing text and background pair on your pages, and a website accessibility widget lets visitors switch to high-contrast mode instantly while you update your styles.

What good looks like

ADA compliant website examples: 7 traits they share

Rather than copying a specific site, check your pages against the traits every accessible website has in common.

  • Text keeps a 4.5:1 contrast ratio, and links are underlined — not distinguished by color alone
  • Every image has meaningful alt text; decorative images are hidden from screen readers
  • The whole site works with a keyboard, with a clearly visible focus outline
  • Forms show labels, instructions, and error messages that screen readers announce
  • Headings follow a logical outline, so assistive tech users can skim the page
  • Videos have captions, and animations respect reduced-motion preferences
  • Visitors get display controls — text size, contrast, reading support — on every page

Do ADA compliant website templates exist?

Accessibility-ready themes and templates are a good starting point — look for WCAG 2.1 AA claims, semantic HTML, visible focus styles, and keyboard-tested navigation. But a template only covers the frame: the images, forms, colors, and plugins you add determine whether the finished site is actually compliant. Audit the live site, not the theme demo.

Where does an accessibility widget fit?

A widget cannot make an inaccessible site legally compliant by itself — anyone promising that is overselling. What it does do is give every visitor working controls today: contrast, text size, dyslexia-friendly reading, reduced motion, and screen-reader-friendly options. Pair the ADA compliance widget with code-level fixes from your scan results for the strongest position — free 14-day trial, no credit card required.

FAQ

ADA compliant website FAQ

What is an ADA compliant website?

An ADA compliant website is one that people with disabilities can perceive, navigate, and use. The ADA itself does not list technical rules for websites, so US courts and the Department of Justice use WCAG 2.1 Level AA as the practical benchmark — covering contrast, alt text, keyboard access, labels, captions, and page structure.

Does my website need to be ADA compliant?

If your business is open to the public in the US — retail, e-commerce, restaurants, healthcare, hotels, banking, services — courts have consistently treated your website as a place of public accommodation under ADA Title III. State and local government sites are explicitly covered by Title II, and federal contractors fall under Section 508.

What happens if my website is not ADA compliant?

The most common consequence is a demand letter or federal lawsuit from a plaintiff’s firm — thousands of web accessibility lawsuits are filed in the US every year, and e-commerce sites are the most frequent target. Beyond legal costs and settlements, an inaccessible site simply turns away the roughly 1 in 4 US adults living with a disability.

How do I know if my website is ADA compliant?

Start with an automated accessibility scan — it catches common WCAG failures like low contrast, missing alt text, and unlabeled forms in minutes. Then verify the things automation can’t judge: navigate your key pages using only a keyboard, and check that forms, menus, and checkout work with a screen reader.

How much does it cost to make a website ADA compliant?

It ranges from near-zero for a small site with fixable templates to significant remediation projects for large platforms. A practical path: run a free scan to size the problem, fix high-impact issues in your theme and templates, and add visitor-facing controls with a widget — Inclusense plans start at $49/month with a free 14-day trial.

Is WCAG the same as ADA compliance?

Not exactly. The ADA is a US civil-rights law; WCAG is a technical standard published by the W3C. Because the ADA doesn’t define website rules, courts and the DOJ use WCAG 2.1 Level AA as the de facto measure of whether a website is accessible — so in practice, meeting WCAG 2.1 AA is how you demonstrate ADA compliance.

Can an accessibility widget make my website ADA compliant on its own?

No single tool can guarantee legal compliance, and widgets that promise instant compliance overstate what overlays do. A widget gives visitors real controls — contrast, text size, reading support — and improves usability immediately, but structural issues like missing alt text and unlabeled forms must be fixed in your code. The strongest approach combines both.

Are there ADA compliant website templates?

Some themes and templates are built with accessibility in mind — look for WCAG 2.1 AA claims, keyboard-tested navigation, sufficient default contrast, and semantic HTML. But no template stays compliant by itself: the content, images, forms, and plugins you add determine whether the finished site actually meets the standard.

Try Inclusense, Risk-Free!

We're confident you'll love Inclusense! Try it with zero risk — if it's not the right fit, you're covered by our money-back guarantee. No commitments, no hassle.

  • Start your trial instantly
  • No long-term commitments
  • Risk-free accessibility