Sample Accessibility Report

72/100

URL: https://example-ecommerce-site.com

Scanned on November 22, 2025

Total Issues

Critical

Major

Minor

This is a Sample Report

This demo shows what an AccessMend accessibility scan report looks like. Real reports include detailed code fixes, locations, and AI-powered recommendations for every issue.

Scan Your Website Free →

Accessibility Issues Found

critical

Missing Alt Text on Images

WCAG 2.1 - 1.1.1 Non-text Content (Level A)

8 images found without alternative text descriptions, making them inaccessible to screen reader users.

❌ Current Code:

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

✅ Recommended Fix:

<img src="/product-hero.jpg" class="hero-image" alt="Premium wireless headphones with noise cancellation">

Impact:

Screen reader users cannot understand the content of these images.

Found in:

Homepage: Hero section
Products page: Item thumbnails (7 instances)

critical

Insufficient Color Contrast

WCAG 2.1 - 1.4.3 Contrast (Minimum) (Level AA)

Text color (#888888) on background (#FFFFFF) has contrast ratio of 2.8:1, below WCAG AA minimum of 4.5:1.

❌ Current Code:

<p class="product-description" style="color: #888888;">Free shipping on orders over $50</p>

✅ Recommended Fix:

<p class="product-description" style="color: #595959;">Free shipping on orders over $50</p>

Impact:

Users with low vision or color blindness cannot read this text easily.

Found in:

Checkout page: Shipping notice
Product cards: Price labels (12 instances)

critical

Form Input Missing Label

WCAG 2.1 - 4.1.2 Name, Role, Value (Level A)

Search input field has no associated label or aria-label, making it unusable for screen readers.

❌ Current Code:

<input type="search" placeholder="Search products..." class="search-box">

✅ Recommended Fix:

<label for="search" class="sr-only">Search products</label>
<input type="search" id="search" placeholder="Search products..." class="search-box" aria-label="Search products">

Impact:

Screen reader users cannot identify the purpose of this form field.

Found in:

Header: Main navigation search bar

major

Ambiguous Link Text

WCAG 2.1 - 2.4.4 Link Purpose (Level A)

5 links with text "Click here" or "Read more" lack context about their destination.

❌ Current Code:

<a href="/blog/post-1">Read more</a>

✅ Recommended Fix:

<a href="/blog/post-1">Read more about wireless headphone features</a>

Impact:

Screen reader users navigating by links cannot understand where these links lead.

Found in:

Blog section: Article previews (5 instances)

major

Interactive Element Not Keyboard Accessible

WCAG 2.1 - 2.1.1 Keyboard (Level A)

Custom dropdown menu cannot be operated using keyboard alone.

❌ Current Code:

<div class="dropdown" onclick="toggleMenu()">...</div>

✅ Recommended Fix:

<button class="dropdown" aria-haspopup="true" aria-expanded="false" onclick="toggleMenu()" onkeypress="handleKeyPress(event)">...</button>

Impact:

Keyboard-only users cannot access dropdown menu options.

Found in:

Navigation: Category dropdown menu

Ready to Scan Your Website?

Get a complete accessibility report with AI-powered fixes in 30 seconds

Scan Your Website Free View Pricing

No credit card required • Get 1 free scan