WCAG 2.1 AA Compliance Scan

www.acme-boutique.com

ACME Boutique | Premium Accessories & Apparel
Scan Date2026-05-24
StandardWCAG 2.1 Level AA
PlatformShopify
Toolaxe-core 4.10
14
Violations
109
Elements
1 Critical 7 Serious 4 Moderate 2 Minor
DOES NOT MEET WCAG 2.1 AA 14 violations found across 109 elements

What We Checked

We ran 50 accessibility checks on this page. 36 passed and 14 failed.

ARIA references point to unique elementsFailed (critical)
Hidden elements can't accidentally receive keyboard focusFailed (serious)
ARIA input fields have accessible namesFailed (serious)
Text has enough contrast against its background to be readableFailed (serious)
Interactive elements like buttons and links have unique IDsFailed (serious)
Form fields have visible labels, not just title attributesFailed (serious)
Interactive elements (buttons, links) are not nested inside each otherFailed (serious)
Elements don't break keyboard navigation with custom tab orderFailed (serious)
The page has a main content area marked up for screen readersFailed (moderate)
Each landmark region has a unique labelFailed (moderate)
The page has a main heading (h1)Failed (moderate)
All content is inside a landmark region (header, main, footer, nav)Failed (moderate)
ARIA roles are appropriate for their elementsFailed (minor)
No two elements share the same ID (which breaks assistive technology)Failed (minor)
AccesskeysPassed
Aria allowed attrPassed
ARIA attributes are spelled correctlyPassed
ARIA attributes have valid valuesPassed
Aria command namePassed
Aria hidden bodyPassed
Aria required childrenPassed
Aria required parentPassed
Aria rolesPassed
Aria toggle field namePassed
Autocomplete attributes use valid valuesPassed
Avoid inline spacingPassed
Buttons have text that describes what they doPassed
Decorative elements are consistently hidden from screen readersPassed
Elements with ARIA roles have all required attributesPassed
Empty headingPassed
Form fields don't have conflicting multiple labelsPassed
Form fields have visible labels so users know what to enterPassed
Headings follow a logical order (h1, h2, h3) without skipping levelsPassed
Html lang validPassed
Image alt text is not just a repeat of nearby visible textPassed
Images have descriptive alt text for screen readersPassed
Landmark banner is top levelPassed
Landmark contentinfo is top levelPassed
Landmark no duplicate bannerPassed
Landmark no duplicate contentinfoPassed
Language attributes use valid language codesPassed
Links have meaningful text (not just "click here")Passed
List items are inside a proper list containerPassed
Lists are structured correctly (ul/ol only contain li elements)Passed
Select dropdowns have accessible namesPassed
The page declares its language so screen readers pronounce words correctlyPassed
The page has a title that shows up in browser tabs and screen readersPassed
There is a way to skip repeated navigation and jump to main contentPassed
Users can zoom in on the page (not blocked by viewport settings)Passed
Users can zoom the page up to at least 500%Passed

Violations

V-001
ARIA references point to unique elements
CRITICAL
Rule
duplicate-id-aria
Why This Matters
IDs used in ARIA and labels must be unique
Duplicate IDs
These IDs appear more than once on the page: countryDropdownMenu, dropdownCountrySelector
WCAG Criteria
wcag2a wcag411
Elements Affected
2 elements on this page
Affected Elements
  • <button class="btn dropdown-toggle" id="dropdownCountrySelector" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="countryDropdownMenu"> <i class="flag-icon flag-icon-us...
  • <div class="dropdown-menu dropdown-country-selector" id="countryDropdownMenu" aria-labelledby="dropdownCountrySelector" role="menu">
Learn More
https://dequeuniversity.com/rules/axe/4.4/duplicate-id-aria?application=axeAPI
V-002
Hidden elements can't accidentally receive keyboard focus
SERIOUS
Rule
aria-hidden-focus
Why This Matters
ARIA hidden element must not be focusable or contain focusable elements
WCAG Criteria
wcag2a wcag412 wcag131
Elements Affected
12 elements on this page
Affected Elements
  • <div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width: 1280px;">
  • <div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 1280px;">
  • <div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 1280px;">
  • <div data-index="3" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 1280px;">
  • <div data-index="4" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 1280px;">
  • ... and 7 more elements
Learn More
https://dequeuniversity.com/rules/axe/4.4/aria-hidden-focus?application=axeAPI
V-003
ARIA input fields have accessible names
SERIOUS
Rule
aria-input-field-name
Why This Matters
ARIA input fields must have an accessible name
WCAG Criteria
wcag2a wcag412
Elements Affected
1 element on this page
Affected Elements
  • <div class="carousel-inner" role="listbox">
Learn More
https://dequeuniversity.com/rules/axe/4.4/aria-input-field-name?application=axeAPI
V-004
Text has enough contrast against its background to be readable
SERIOUS
Rule
color-contrast
Why This Matters
Elements must have sufficient color contrast
WCAG Criteria
wcag2aa wcag143
Elements Affected
3 elements on this page
Affected Elements
  • <p>Memorial Day Sale | 25% Off*</p>
  • <p>With code: MEMDAY25</p>
  • <p>Last Chance | Blue Light Glasses</p>
Learn More
https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI
V-005
Interactive elements like buttons and links have unique IDs
SERIOUS
Rule
duplicate-id-active
Why This Matters
IDs of active elements must be unique
Duplicate IDs
These IDs appear more than once on the page: Last-Chance, hpEmailSignUp, mens, womens
WCAG Criteria
wcag2a wcag411
Elements Affected
4 elements on this page
Affected Elements
  • <a href="https://www.acme-boutique.com/view-all/?prefn1=watchGender&amp;prefv1=Mens" id="mens" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ...
  • <a href="https://www.acme-boutique.com/view-all/?prefn1=watchGender&amp;prefv1=Womens" id="womens" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="fals...
  • <a href="https://www.acme-boutique.com/shop-all-sale/" id="Last-Chance" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#9B2E2E; --...
  • <input type="email" class="form-control" id="hpEmailSignUp" name="hpEmailSignUp" placeholder="Enter your email address">
Learn More
https://dequeuniversity.com/rules/axe/4.4/duplicate-id-active?application=axeAPI
V-006
Form fields have visible labels, not just title attributes
SERIOUS
Rule
label-title-only
Why This Matters
Form elements should have a visible label
Elements Affected
2 elements on this page
Affected Elements
  • <input class="form-control search-field header-search-field" type="search" name="q" title="Enter Search Keyword" value="" placeholder="Enter Search Keyword" autocomplete="off" data-query-threshold="3....
  • <input class="search-field header-search-field mobile-search-field" type="search" name="q" title="Enter Search Keyword" value="" placeholder="Enter Search Keyword" autocomplete="off" data-query-thresh...
Learn More
https://dequeuniversity.com/rules/axe/4.4/label-title-only?application=axeAPI
V-007
Interactive elements (buttons, links) are not nested inside each other
SERIOUS
Rule
nested-interactive
Why This Matters
Interactive controls must not be nested
WCAG Criteria
wcag2a wcag412
Elements Affected
3 elements on this page
Affected Elements
  • <div class="user user-not-login hidden-md-down" tabindex="0" aria-label="Account menu" role="button">
  • <button class="title" aria-expanded="false" aria-controls="menu-footer" id="shop-acme-title" style="font-size: 16px; all: unset; display: block; font-size: inherit; font-weight: bold; cursor: pointer;...
  • <button class="title" aria-expanded="false" style="font-size: 16px; all: unset; display: block; font-size: inherit; font-weight: bold; cursor: pointer; background: none; border: none; color: inherit;"...
Learn More
https://dequeuniversity.com/rules/axe/4.4/nested-interactive?application=axeAPI
V-008
Elements don't break keyboard navigation with custom tab order
SERIOUS
Rule
tabindex
Why This Matters
Elements should not have tabindex greater than zero
Elements Affected
3 elements on this page
Affected Elements
  • <button accesskey="b" class="INDshortcutBtn" tabindex="1">Press enter for Accessibility for blind people<span class="INDhiddenText"> who use screen readers</span></button>
  • <button accesskey="l" tabindex="1">Press enter for Keyboard Navigation</button>
  • <button tabindex="1">Press enter for Accessibility menu</button>
Learn More
https://dequeuniversity.com/rules/axe/4.4/tabindex?application=axeAPI
V-009
The page has a main content area marked up for screen readers
MODERATE
Rule
landmark-one-main
Why This Matters
Document should have one main landmark
Elements Affected
1 element on this page
Affected Elements
  • <html lang="en">
Learn More
https://dequeuniversity.com/rules/axe/4.4/landmark-one-main?application=axeAPI
V-010
Each landmark region has a unique label
MODERATE
Rule
landmark-unique
Why This Matters
Ensures landmarks are unique
Elements Affected
1 element on this page
Affected Elements
  • <nav>
Learn More
https://dequeuniversity.com/rules/axe/4.4/landmark-unique?application=axeAPI
V-011
The page has a main heading (h1)
MODERATE
Rule
page-has-heading-one
Why This Matters
Page should contain a level-one heading
Elements Affected
1 element on this page
Affected Elements
  • <html lang="en">
Learn More
https://dequeuniversity.com/rules/axe/4.4/page-has-heading-one?application=axeAPI
V-012
All content is inside a landmark region (header, main, footer, nav)
MODERATE
Rule
region
Why This Matters
All page content should be contained by landmarks
Elements Affected
58 elements on this page
Affected Elements
  • <div class="carousel slide" data-interval="5000" data-ride="carousel" id="carouselContent" aria-label="Promotional Banner Carousel">
  • <div class="col-sm-3 pl-0">
  • <h3>TOP PRODUCTS</h3>
  • <div class="image-container">
  • <div class="swatches-watches swatches-watches-desktop">
  • ... and 53 more elements
Learn More
https://dequeuniversity.com/rules/axe/4.4/region?application=axeAPI
V-013
ARIA roles are appropriate for their elements
MINOR
Rule
aria-allowed-role
Why This Matters
ARIA role should be appropriate for the element
Elements Affected
1 element on this page
Affected Elements
  • <form role="form" name="newsletterSubscribe" id="newsletterSubscribe" action="/on/demandware.store/Sites-ACMEUS-Site/en_US/Newsletter-Subscribe?pageType=footer" method="POST">
Learn More
https://dequeuniversity.com/rules/axe/4.4/aria-allowed-role?application=axeAPI
V-014
No two elements share the same ID (which breaks assistive technology)
MINOR
Rule
duplicate-id
Why This Matters
id attribute value must be unique
Duplicate IDs
These IDs appear more than once on the page: Collections-Pages, Iconography, ACME-Designs, Mens, Menu---Open, Mobile-UI-Elements, PDP, Search, Shape, UI-Kit, Womens, close-black, eCommerce---Black, mens-limited-editionlist, acme-logo-new, submenu, womens-limited-editionlist
WCAG Criteria
wcag2a wcag411
Elements Affected
17 elements on this page
Affected Elements
  • <div class="submenu" id="submenu">
  • <a href="/limited-edition-1/" id="mens-limited-editionlist" class="sub-menu-title" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Limited Edition</a>
  • <a href="/limited-edition-2/" id="womens-limited-editionlist" class="sub-menu-title" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Limited Edition</a>
  • <g id="PDP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  • <g id="acme-logo-new" fill="#000000" fill-rule="nonzero">
  • ... and 12 more elements
Learn More
https://dequeuniversity.com/rules/axe/4.4/duplicate-id?application=axeAPI

ADA Lawsuit Risk

This site has 8 critical or serious WCAG violations that are commonly cited in ADA website lawsuits: Hidden elements can't accidentally receive keyboard focus, ARIA input fields have accessible names, Text has enough contrast against its background to be readable, Interactive elements like buttons and links have unique IDs, ARIA references point to unique elements, Form fields have visible labels, not just title attributes, Interactive elements (buttons, links) are not nested inside each other, Elements don't break keyboard navigation with custom tab order.

  • 5,500+ ADA website lawsuits projected in 2026 (37% increase year over year)
  • 64% of defendants are businesses under $25M revenue
  • Average settlement: $5,000 to $20,000
  • Using a website builder template is not a legal defense. The business owner is liable.
FIX THESE ISSUES

Two ways to get compliant.

Self-Service Fix Guide: $150

→ Step-by-step instructions for every violation
→ Platform-specific directions (where to click, what to change)
→ No credentials or access required
→ Re-scan verification after you finish

Done-for-You Fix: $500

→ We fix every violation directly in your website editor
→ All changes reviewed and approved by you
→ Completed in 3 to 5 business days
→ Re-scan verification report included

Optional monthly monitoring available for $79/month after either option.

About This Scan

This report was generated by an automated accessibility scanner using axe-core 4.10, the industry-standard open-source accessibility testing engine maintained by Deque Systems. The scan checks your page against the WCAG 2.1 Level AA standard, which is the benchmark used in ADA website lawsuits.

The scan loads your page in a real browser, analyzes the rendered HTML and CSS, and checks for violations across categories like color contrast, image alt text, form labels, heading structure, keyboard navigation, and ARIA attributes.

What this scan cannot check: Dynamic content that appears after user interaction (modals, dropdown menus, form validation messages), content behind login pages, PDF accessibility, video captions, and some keyboard navigation patterns that require manual testing.

Generated 2026-05-24 16:07
Automated scan using axe-core WCAG 2.1 AA ruleset
Page scanned: https://www.acme-boutique.com