This is a sample report with fictional data — not a real scan result.

AccessiShield Accessibility Report

Store: demo-store.myshopify.com

Scanned: 2026-03-25 14:32 UTC · Duration: 12.3s

Pages scanned:

14 Violations
3 Critical
5 Serious
12 Fixes Generated

Violations & Suggested Fixes

Showing the top 5 most severe violations with fixes.

CRITICAL Images must have alternate text

Ensures <img> elements have alternate text or a role of none or presentation.

Rule: image-alt · WCAG 1.1.1 Non-text Content · Learn more

Element: img[src="/products/blue-sneaker.jpg"]

<img src="/products/blue-sneaker.jpg">

Suggested Fix

<img src="/products/blue-sneaker.jpg" alt="Blue running sneaker, size 10">

Added descriptive alt text that conveys the product name and key attribute. Screen readers will announce the image content instead of the file name.

WCAG: 1.1.1 Non-text Content (Level A)

CRITICAL Buttons must have discernible text

Ensures buttons have discernible text that is accessible to assistive technologies.

Rule: button-name · WCAG 4.1.2 Name, Role, Value · Learn more

Element: button.add-to-cart

<button class="add-to-cart"><svg>...</svg></button>

Suggested Fix

<button class="add-to-cart" aria-label="Add Blue Sneaker to cart"><svg aria-hidden="true">...</svg></button>

Added aria-label to provide an accessible name for the icon-only button, and aria-hidden on the decorative SVG to prevent duplicate announcements.

WCAG: 4.1.2 Name, Role, Value (Level A)

SERIOUS Form elements must have labels

Ensures every form element has a visible, programmatically associated label.

Rule: label · WCAG 1.3.1 Info and Relationships · Learn more

Element: input[type="email"]

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

Suggested Fix

<label for="newsletter-email">Email address</label>
<input id="newsletter-email" type="email" placeholder="Email">

Added a visible label element associated via for/id. Placeholder text alone is not a sufficient label — it disappears on focus and is not reliably announced by all screen readers.

WCAG: 1.3.1 Info and Relationships (Level A)

SERIOUS Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds.

Rule: color-contrast · WCAG 1.4.3 Contrast (Minimum) · Learn more

Element: span.price-note

<span class="price-note" style="color: #aaa">Limited time offer</span>

Suggested Fix

<span class="price-note" style="color: #6b7280">Limited time offer</span>

Darkened the text color to meet the 4.5:1 contrast ratio requirement. Contrast ratio improved from 2.3:1 to 5.9:1 against a white background.

WCAG: 1.4.3 Contrast (Minimum) (Level AA)

MODERATE Links must have discernible text

Ensures links have text that can be determined by assistive technologies. Generic link text like "click here" does not convey the link destination.

Rule: link-name · WCAG 2.4.4 Link Purpose (In Context) · Learn more

Element: a[href="/sale"]

<a href="/sale">Click here</a>

Suggested Fix

<a href="/sale">Shop the summer sale</a>

Replaced generic "Click here" with descriptive link text that conveys the destination. Users navigating by link list can now understand where each link goes without surrounding context.

WCAG: 2.4.4 Link Purpose (In Context) (Level A)

+9 more violations detected

This scan found 14 violations across 3 pages. The full report includes every issue with ready-to-apply code fixes, severity rankings, and WCAG criterion references.

Scan Your Store Free