Sample report — this is what a paid full-site report looks like. Scan your own site to see your real score.Scan Your Site Free →

ADA Compliance Report

Accessibility Audit

https://example-law-firm.com

Generated May 13, 2026 · Full site scan

Needs Work

Your website has a compliance score of 62/100, indicating significant accessibility barriers that could expose your firm to ADA Title III litigation risk. We identified 9 violations across 3 of 5 pages scanned.

Critical issues include missing alt text on images and unlabeled form fields, which block screen reader users entirely. Color contrast failures affect navigation and body copy site-wide. These issues are fixable within a few hours of developer time.

Save access to this report — sign in to view it anytime from your account.My Account →

Prefer to have these fixed for you? Get a remediation quote →

Issues & Remediation

critical

Missing Image Alt Text

WCAG 1.1.1

Two images on your site — the hero banner and an attorney headshot — have no alt attribute. Screen readers announce these as empty or skip them entirely, leaving visually impaired users unable to understand the visual content.

How to fix

Add a descriptive alt attribute to each <img> tag. For decorative images that convey no meaning, use alt="" to tell screen readers to skip them. For content images, write a concise description of what the image shows.

<!-- Before -->
<img src="/office-exterior.jpg" class="hero-image">

<!-- After -->
<img src="/office-exterior.jpg" alt="Our downtown Chicago office building entrance" class="hero-image">

2 instancesEffort: LowPriority #1

critical

Unlabeled Form Fields

WCAG 1.3.1

The contact form on /contact has 3 input fields (name, email, message) that rely solely on placeholder text. When a user starts typing, the placeholder disappears and screen reader users lose context for what information belongs in each field.

How to fix

Add a <label> element associated with each input via the `for` attribute matching the input's `id`. Alternatively, use aria-label directly on the input. Do not rely on placeholder text as a substitute for labels.

<!-- Before -->
<input type="text" name="name" placeholder="Your Name">

<!-- After -->
<label for="contact-name">Full Name</label>
<input type="text" id="contact-name" name="name" placeholder="e.g. Jane Smith">

3 instancesEffort: LowPriority #2

serious

Insufficient Color Contrast

WCAG 1.4.3

Navigation links (#aaa on white) have a contrast ratio of 2.85:1, and body subtext (#ccc on white) is 1.6:1 — both far below the WCAG AA minimum of 4.5:1. Users with low vision, cataracts, or color deficiency will struggle to read this content.

How to fix

Darken text or lighten the background until you reach at least 4.5:1 contrast. For your navigation links, changing #aaa to #767676 meets the minimum. Use the WebAIM Contrast Checker to verify before deploying.

/* Before */
.nav-link { color: #aaaaaa; }
.subheading { color: #cccccc; }

/* After — both meet 4.5:1 on white */
.nav-link { color: #595959; }
.subheading { color: #767676; }

3 instancesEffort: LowPriority #3

moderate

Invalid Heading Order

WCAG 1.3.1

The Practice Areas section jumps from <h2> directly to <h4>, skipping <h3>. Screen reader users navigate pages via heading structure — a gap like this creates confusion about whether content is a sub-section or sibling section.

How to fix

Change the <h4> to <h3>, or restructure your heading hierarchy so headings increase by one level at a time. Heading levels should reflect document structure, not visual size — use CSS to control appearance.

<!-- Before -->
<h2>About Our Firm</h2>
  <h4>Our Practice Areas</h4>

<!-- After -->
<h2>About Our Firm</h2>
  <h3>Our Practice Areas</h3>

1 instanceEffort: LowPriority #4

Affected Elements

Every element that failed an accessibility check, with the exact HTML and location.

seriousElements must have sufficient color contrast3 elements

#1nav > a.nav-link:nth-child(3)

<a href="/contact" class="nav-link" style="color: #aaa; background: #fff;">Contact Us</a>

Fix any of the following: Element has insufficient color contrast of 2.85 (foreground color: #aaaaaa, background color: #ffffff, font size: 14pt, font weight: normal). Expected contrast ratio of 4.5:1

#2section.hero > p.subheading

<p class="subheading" style="color: #ccc;">Trusted legal advice since 1992</p>

Fix any of the following: Element has insufficient color contrast of 1.6 (foreground color: #cccccc, background color: #ffffff). Expected contrast ratio of 4.5:1

#3.hero .btn-secondary

<button class="btn-secondary">Learn More</button>

Fix any of the following: Element has insufficient color contrast of 3.12. Expected contrast ratio of 4.5:1

criticalImages must have alternate text2 elements

#1.attorneys-section img:nth-child(1)

<img src="/team/john-doe.jpg" class="attorney-photo">

Fix any of the following: Element does not have an alt attribute

#2.hero-image

<img src="/office-exterior.jpg" class="hero-image">

Fix any of the following: Element does not have an alt attribute

criticalForm elements must have labels3 elements

#1form#contact-form input[name='name']

<input type="text" name="name" placeholder="Your Name" class="form-control">

Fix any of the following: aria-label attribute does not exist; aria-labelledby attribute does not exist; associated <label> element does not exist

#2form#contact-form input[name='email']

<input type="email" name="email" placeholder="Email Address">

Fix any of the following: aria-label attribute does not exist; aria-labelledby attribute does not exist; associated <label> element does not exist

#3form#contact-form textarea

<textarea name="message" placeholder="Your message..."></textarea>

Fix any of the following: aria-label attribute does not exist; associated <label> element does not exist

moderateHeading levels should only increase by one1 element

#1main > section:nth-child(2) > h4

<h4 class="section-title">Our Practice Areas</h4>

Fix any of the following: Heading order invalid

Issues by Page5 pages scanned

/

2 critical1 serious3 total

serious

Elements must have sufficient color contrast (1×)

critical

Images must have alternate text (2×)

/practice-areas

1 serious2 total

serious

Elements must have sufficient color contrast (1×)

moderate

Heading levels should only increase by one (1×)

/contact

3 critical3 total

critical

Form elements must have labels (3×)

/attorneys

No issues

This page passed all automated checks.

/blog

No issues

This page passed all automated checks.

Compliance Checklist

All images have descriptive alt text (WCAG 1.1.1)

Text has sufficient color contrast ratio ≥ 4.5:1 (WCAG 1.4.3)

All form inputs have associated labels (WCAG 1.3.1)

Page has a descriptive <title> element (WCAG 2.4.2)

Heading hierarchy is logical and sequential (WCAG 1.3.1)

Interactive elements are keyboard accessible (WCAG 2.1.1)

Language is declared on the <html> element (WCAG 3.1.1)

Links have distinguishable, descriptive text (WCAG 2.4.4)

No content flashes more than 3 times/sec (WCAG 2.3.1)

Skip navigation link is present (WCAG 2.4.1)

Recommended Next Steps

Fix the 2 missing alt text issues immediately — this is the highest litigation risk and takes under 30 minutes.

Add visible <label> elements to all 3 contact form fields. Placeholder-only forms fail WCAG and frustrate all users, not just screen reader users.

Update color values for navigation links and subheadings site-wide. A single CSS change can resolve all 3 contrast failures.

Audit your full heading hierarchy across all pages and ensure no heading levels are skipped.

Consider a quarterly automated re-scan as your site evolves — content editors often re-introduce accessibility issues over time.

Need help fixing these issues?

Our team can handle remediation end-to-end and get your site compliant. Fixed pricing based on issue count.

Get a Remediation Quote

Typical turnaround: 1–2 weeks

Need to scan another site?

Run a new scan →

Monthly Monitoring

Know if anything breaks next month.

We re-scan your site every month and email you a report showing what changed — new issues, resolved violations, updated score. $15/mo, cancel anytime.

Start monitoring — $15/mo →

This report is based on automated WCAG 2.1 AA testing using axe-core and AI-powered analysis. Manual testing by accessibility experts is recommended for complete compliance verification.