A 90%

Accessibility Report

https://example.com

Scanned Sample Report · 5 issues found · 45 checks passed

2 Critical
2 Serious
1 Moderate
0 Minor
45 Passed

Issues to Fix

Critical

Images missing text alternatives

3 instances image-alt
Why This Matters

Screen readers cannot describe images without alt text, leaving blind users unable to understand visual content. This is one of the most common accessibility barriers.

How to Fix

Add descriptive alt text to meaningful images, or alt="" for decorative images.

Affected Elements
<img src="/images/hero-banner.jpg" class="hero-img">
<img src="/images/team-photo.png" width="400">
<img src="/icons/cart.svg" class="icon">
Serious

Text has insufficient color contrast

4 instances color-contrast
Why This Matters

Low contrast text is difficult or impossible to read for users with low vision, color blindness, or those viewing screens in bright light. This affects millions of users.

How to Fix

Increase contrast to at least 4.5:1 for normal text or 3:1 for large text.

Affected Elements
<p class="subtitle" style="color:#999;background:#fff">Welcome to our site</p>
<a href="/about" style="color:#aaa">Learn more</a>
<span class="caption" style="color:#b0b0b0">Photo credit</span>

...and 1 more

Critical

Form inputs missing labels

2 instances label
Why This Matters

Without labels, screen reader users cannot determine what information to enter in form fields. This makes forms unusable for blind users.

How to Fix

Add a <label> element with a 'for' attribute matching the input's 'id'.

Affected Elements
<input type="email" placeholder="Enter email" class="newsletter-input">
<input type="text" name="search" placeholder="Search...">
Serious

Links missing accessible names

2 instances link-name
Why This Matters

Empty or unclear links leave users unable to determine where the link goes. Screen reader users often navigate by listing all links on a page.

How to Fix

Add descriptive text inside the link, or use aria-label for icon-only links.

Affected Elements
<a href="/products"><i class="icon-arrow"></i></a>
<a href="https://twitter.com"><img src="/icons/twitter.svg"></a>
Moderate

Heading levels are skipped

1 instance heading-order
Why This Matters

Screen reader users navigate by headings to understand page structure. Skipped levels (e.g., H1 to H3) create confusion about content hierarchy.

How to Fix

Use headings in sequential order (H1, H2, H3) without skipping levels.

Affected Elements
<h4>Our Services</h4>

Recommended Next Steps

Fix Color Contrast Issues Step-by-step guide to meeting WCAG contrast ratios Build Accessible Forms Labels, error messages, and keyboard support ADA Compliance Checklist Full checklist to make your site compliant Common WCAG Mistakes Avoid the most frequent accessibility errors

What This Scan Covers

This scan runs 50+ automated WCAG 2.2 AA checks powered by axe-core. Automated testing catches the most common technical issues: missing alt text, color contrast, form labels, keyboard traps, ARIA problems, and more.

Automated tools typically catch 30-50% of all accessibility barriers. Issues that require human judgment, like whether alt text is meaningful, whether content is logically ordered, or whether error messages are helpful, need manual review. For full coverage, pair this scan with screen reader testing and keyboard testing.

Scan Another Website