Automated scanning detects approximately 30–40% of WCAG 2.1 AA issues. The remaining issues — keyboard flows, screen-reader behaviour, and complex interactions — require a manual audit. This report is not a legal opinion or conformance sign-off.
Visitors using screen readers cannot browse products or complete the checkout process on this site due to missing image descriptions and unlabelled form fields. Under the European Accessibility Act, these issues represent both a compliance gap and a barrier for people relying on accessible interfaces.
5 pages affected / 34 instances
The strongest signals in this scan point to navigation and discovery, checkout and forms, content consumption.
The top finding already looks systemic. A broader audit is the right next step when one shared fix could remove risk across multiple templates or journeys.
Blind users navigating the product catalogue cannot identify what any product image shows. This makes the entire shopping experience unusable with a screen reader because users cannot browse, compare, or select products.
Add descriptive alt attributes to all product images.
<img src="/uploads/dress-blue.jpg" class="product-card__image">Fix any of the following: Element does not have an alt attribute. aria-label attribute does not exist or is empty.
Users relying on assistive technology cannot complete purchases because the checkout form fields have no programmatic labels. Screen readers announce these inputs without enough context to know what to enter.
Add <label> elements or aria-label attributes to all checkout inputs.
<input type="text" name="card_number" placeholder="Card number" class="checkout-input">Fix any of the following: Element has no associated label. No aria-label or aria-labelledby attribute.
Price labels are difficult to read for users with low vision or colour deficiency. At a 2.8:1 ratio, the text fails WCAG AA requirements on a high-value conversion path.
Darken the price text colour from #999 to at least #767676 to meet the 4.5:1 contrast ratio.
<span class="price-tag" style="color: #999; font-size: 14px;">EUR 49.90</span>Element has insufficient color contrast of 2.8:1 (foreground color: #999999, background color: #ffffff, expected ratio: 4.5:1).
Screen reader users encounter links announced as 'link' with no description. They cannot tell where social media icon links lead or which product a card links to.
Add aria-label to icon-only links: <a href="..." class="social-icon" aria-label="Follow us on Instagram">.
<a href="https://instagram.com/demo" class="social-icon"><svg>...</svg></a>Fix any of the following: Element is in tab order and does not have accessible text. Element does not have text that is visible to screen readers.
Screen readers cannot determine the page language, causing them to use incorrect pronunciation rules. For a multilingual EU webshop, this makes the site harder to understand when read aloud.
Add lang="en" (or the appropriate language code) to the <html> element in the page template.
<html>Fix any of the following: The <html> element does not have a lang attribute.
The scan auto-discovered 12 pages from the homepage. This free report includes 5 pages because the free tier is capped at 5.
This report does not confirm every keyboard path, screen-reader announcement, third-party widget, authenticated flow, or legal compliance requirement across the full site.
7 additional pages found but not included in this free scan.
Several of the strongest findings already look shared across templates or components. A paid audit helps confirm the real spread, assign likely owners, and turn one repeated pattern into a focused implementation roadmap instead of scattered one-off fixes.
The European Accessibility Act is now in force. Enforcement is active — agencies are receiving notices across the EU.
Questions? office@accesi-guard.com