RatedWithAI

D
67

Accessibility Score

Scanned: https://theme-horizon-demo.myshopify.com/

Automated tests find some, not all, accessibility issues. A high score does not mean your site meets ADA, WCAG or EAA requirements. Not legal advice. What a score means

Free re-scan of theme-horizon-demo.myshopify.com in 7 days

We email you this report now, then scan theme-horizon-demo.myshopify.com again in 7 days and send you before → after: what you fixed and what is still open. Once, free, no card.

No spam, unsubscribe anytime.

Issues by Severity

Critical (1)

Certain ARIA roles must be contained by particular parents

Ensure elements with an ARIA role that require parent roles are contained by them

Affected elements: 1
Learn more →

Don’t want to work these out yourself? The Fix Pack writes all 7 fixes from your own HTML — 1 paste-ready, the rest drafted for you to confirm. $149 once, opens the moment you pay.

See a free fix first ↓

Buying for a company? You get an invoice in its name, with your VAT/GST number.

Found on: https://theme-horizon-demo.myshopify.com/
Target: button[role="menuitem"]
<button role="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">More</span>
    </button>

How to fix — free sample

An element has an ARIA role that only makes sense inside a specific parent (`listitem` in `list`, `tab` in `tablist`, `option` in `listbox`, `menuitem` in `menu`), but that parent is missing.

  1. Wrap the element in a container with the required parent role, or make the existing container carry it.
  2. Remove wrapper elements between the parent and child that break the relationship (or give them `role="presentation"`).
  3. If the element is not really part of such a widget, remove its role.
<!-- Before -->
<div><div role="option">Red</div></div>

<!-- After -->
<div role="listbox" aria-label="Color">
  <div role="option" aria-selected="false">Red</div>
</div>

This one is unlocked so you can see what the guides look like.

The other 3 guides come with Starter, 7 days free, then $29/mo →

Serious (2)

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Ensure that lists are structured correctly

Affected elements: 1
Learn more →
Found on: https://theme-horizon-demo.myshopify.com/
Target: overflow-list,ul[part="list"]
<ul part="list" style="height: 23.3906px; flex-wrap: wrap; counter-reset: overflow-count 0; overflow: unset;">

The same kind of fix guide for <ul> and <ol> must only directly contain <li>, <script> or <template> elements — what to change and the code to change it to.

Unlock all 3 guides on this report — Starter, 7 days free, then $29/mo →
Scrollable region must have keyboard access

Ensure elements that have scrollable content are accessible by keyboard

Affected elements: 8
Learn more →
Found on: https://theme-horizon-demo.myshopify.com/
Target: a[aria-label="Michael Shaggy Wool Cardigan"] > slideshow-component[data-generic-media-size="7"] > slideshow-container > slideshow-slides
<slideshow-slides tabindex="-1" ref="scroller">
Found on: https://theme-horizon-demo.myshopify.com/
Target: .card-gallery-AZllzMi8yUXZJZEZLO__product_card_gallery_JgqDGj-1 > .contents[ref="cardGalleryLink"] > slideshow-component[data-generic-media-size="7"] > slideshow-container > slideshow-slides
<slideshow-slides tabindex="-1" ref="scroller">
Found on: https://theme-horizon-demo.myshopify.com/
Target: slideshow-component[data-generic-media-size="5"] > slideshow-container > slideshow-slides
<slideshow-slides tabindex="-1" ref="scroller">
Found on: https://theme-horizon-demo.myshopify.com/
Target: a[aria-label="Striped Waffle LS Tee"] > slideshow-component[data-generic-media-size="7"] > slideshow-container > slideshow-slides
<slideshow-slides tabindex="-1" ref="scroller">
Found on: https://theme-horizon-demo.myshopify.com/
Target: a[aria-label="Denim Jacket"] > slideshow-component[data-generic-media-size="7"] > slideshow-container > slideshow-slides
<slideshow-slides tabindex="-1" ref="scroller">

3 more elements match this rule.

The same kind of fix guide for Scrollable region must have keyboard access — what to change and the code to change it to.

Unlock all 3 guides on this report — Starter, 7 days free, then $29/mo →

Moderate (1)

All page content should be contained by landmarks

Ensure all page content is contained by landmarks

Affected elements: 4
Learn more →
Found on: https://theme-horizon-demo.myshopify.com/
Target: .group-block--width-fit-content
<div class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  " style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  " data-testid="group-block">
Found on: https://theme-horizon-demo.myshopify.com/
Target: .email-signup__input-group > label
<label for="EmailInput-AZkNib2lZN0paTDFtW__email_signup_eWcP4p" class="visually-hidden">
        Email
      </label>
Found on: https://theme-horizon-demo.myshopify.com/
Target: #EmailInput-AZkNib2lZN0paTDFtW__email_signup_eWcP4p
<input id="EmailInput-AZkNib2lZN0paTDFtW__email_signup_eWcP4p" class="email-signup__input email-signup__input--all paragraph " type="email" name="contact[email]" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email address" required="" style="">
Found on: https://theme-horizon-demo.myshopify.com/
Target: #shopify-section-sections--25678738850113__footer_utilities
<div id="shopify-section-sections--25678738850113__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

The same kind of fix guide for All page content should be contained by landmarks — what to change and the code to change it to.

Unlock all 3 guides on this report — Starter, 7 days free, then $29/mo →

1 Critical Issue Found — Get an Email the Day a New One Appears

https://theme-horizon-demo.myshopify.com/ has 1 critical accessibility violation of the kind plaintiffs' attorneys scan for. Daily monitoring re-checks your site every day and emails you the moment a new critical issue appears.

One plan, not three add-ons: Starter, $29/mo is the same subscription behind every unlock on this report — daily monitoring, PDF and CSV export, and every fix guide.

Prefill your email (optional) — Stripe asks for it on the next screen

$0 today, no card needed. Add one before day 8 to keep monitoring — or it simply stops.

Fix Pack · one-time $149

Get the fixes, not just the list: 7 element-level fixes for this site

Your 14 failing elements, reduced to 7 fixes that reach every one of your 14 failing elements, in priority order — 1 paste-ready as written (exact colours, attributes and CSS), the rest drafted for you to confirm — with where to paste each one on your platform. Opens the moment you pay, and it's emailed to you. Includes a re-scan that shows the before/after, issue by issue. No subscription.

Fix #1 of 7, free

A scrolling box with no focusable content inside must itself take keyboard focus so arrow keys can scroll it.

a[aria-label="Michael Shaggy Wool Cardigan"] > slideshow-component[data-generic-media-size="7"] > slideshow-container > slideshow-slides

<slideshow-slides tabindex="0" ref="scroller">

Buying for a company? You get an invoice in its name, with your VAT/GST number.

Done-for-you · Human-reviewed

The scan found 4 issues. A person finds the ones it can't.

Automated rules can't test keyboard traps, screen-reader flow or focus order. Our team reviews https://theme-horizon-demo.myshopify.com/ by hand, starting with the 3 critical or serious issues above, and hands you a prioritized roadmap plus a dated WCAG 2.1 AA conformance summary. One-time $1,500, delivered in 5–7 business days. No subscription required.

Helps document a good-faith effort toward WCAG 2.1 AA. Not legal advice.

Exports are part of Starter, alongside 100 scans a month. $0 today, no card needed. Add one before day 8 to keep monitoring — or it simply stops.

Re-check this site, or any other, from ChatGPT → Use RatedWithAI in ChatGPT (free)

Three quick questions?

We're a small team and we don't know much about who ends up here. Answer any one of these and it helps. Nothing is required, and this isn't a signup.

Goes to a person, not a mailing list. No call, no follow-up sequence.

⚠️ This automated scan identifies common accessibility issues but is not a substitute for manual testing or legal advice. Consult with an accessibility expert and attorney for comprehensive compliance guidance.