EVOLIZEDIGITAL RISK INTELLIGENCE
RUN FREE ASSESSMENT
RUN FREE ASSESSMENT
Public accessibility assessment

Accessibility issues detected on theochocolate.com

Evolize inspected 5 public pages on theochocolate.com and detected 48 automatically identifiable accessibility findings.

48Findings detected
6WCAG criteria affected
5Pages inspected
8 Sep 2026Assessment date

Highest detected severity: High · 7 high-priority findings · 100% inspected-page coverage

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/33 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)34 detected findings

Is theochocolate.com your website?

Keep this assessment current and get notified when new accessibility issues are detected.

ACTIVATE MONITORINGRUN A FREE ASSESSMENT
https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on theochocolate.com and detected 48 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 33 findings were detected. The assessment identified findings mapped to 6 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

  1. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 9 instances
    Why this matters

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →
  2. High

    Modal dialog does not trap keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 5 instances
    Why this matters

    An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

    Recommended action

    While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

    View technical evidence →
  3. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 5 inspected pages · 5 instances
    Why this matters

    A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

    Recommended action

    Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

    View technical evidence →
  4. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 5 instances
    Why this matters

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →
  5. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 4 inspected pages · 4 instances
    Why this matters

    Text and background colours do not meet the minimum contrast ratio, reducing legibility.

    Recommended action

    Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3455 / 5
2.4.3Focus OrderA855 / 5
1.3.1Info and RelationshipsA355 / 5
2.1.1KeyboardA155 / 5
2.5.8Target Size (Minimum)AA155 / 5
4.1.2Name, Role, ValueA111 / 5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

Continuous monitoring

A scan shows today's exposure. Monitoring shows what changes next.

Evolize continuously reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

ACTIVATE MONITORINGSEE PRICING

04 · All detected findings

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)185 instances5 inspected pages

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Why it matters

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Recommended correction

Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 185 affected elements
Component · Ref WLS466
Affected pagehttps://theochocolate.com/
Elementshop-follow-button,.pr-3
Markup
<span class="cursor-pointer whitespace-nowrap pr-3 font-sans text-button-large transition-colors text-white">
Affected pages/ /pages/wholesale-register /policies/terms-of-service /pages/faqs
Component · Ref R7CDNL
Affected pagehttps://theochocolate.com/products/pure-70
Element.header__menu-item--top.header__menu-item[href$="chocolate-finder"] > .label
Accessible nameChocolate Finder
Markup
<span class="label" style="padding-right:5px;">Chocolate Finder</span>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref 25HEOM
Affected pagehttps://theochocolate.com/pages/faqs
Elementli:nth-child(3) > dropdown-menu > .header__menu-item--top.header__menu-item[href="#"] > .label
Accessible nameExplore
Markup
<span class="label">Explore</span>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref PMO98
Affected pagehttps://theochocolate.com/pages/wholesale-register
Element.recurpay-manage-subscription-link-footer > a[target="_blank"]
Accessible nameManage subscriptions
Markup
<a href="https://api.recurpay.com/api/account/v3/login?platform=shopify&amp;shop=pcz5zf-ye.myshopify.com" target="_blank">Manage subscriptions</a>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref K78VWK
Affected pagehttps://theochocolate.com/pages/wholesale-register
Elementa[href$="data-sharing-opt-out"]
Accessible nameYour privacy choices
Markup
<a href="/pages/data-sharing-opt-out" class="link list-menu__item list-menu__item--link">
                                  Your privacy choices
                                </a>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref RCB2PO
Affected pagehttps://theochocolate.com/pages/wholesale-register
Element.list-menu__item--link.link[href$="chocolate-finder"]
Accessible nameChocolate Finder
Markup
<a href="/pages/chocolate-finder" class="link list-menu__item list-menu__item--link">
                                  Chocolate Finder
                                </a>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref X3YMUA
Affected pagehttps://theochocolate.com/pages/faqs
Element.footer-block.footer-block--menu:nth-child(2) > details[open="true"] > .footer-block__details-content.list-unstyled > li:nth-child(2) > .list-menu__item--link.link.list-menu__item
Accessible nameMy Orders
Markup
<a href="https://account.theo..." class="link list-menu__item...">
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref NXGGLR
Affected pagehttps://theochocolate.com/pages/wholesale-register
Elementmega-menu > .header__menu-item--top.header__menu-item[href="#"] > .label
Accessible nameShop
Markup
<span class="label">Shop</span>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref D5XH2W
Affected pagehttps://theochocolate.com/
Element.shopify-pc__banner__body > p
Accessible nameWe and our partners, including Shopify, use cookies and other technologies to personalize your experience, show you ads, and perform analytics, and we will not use cookies or other technologies for these purposes unless you accept them. Learn more in our Privacy Policy
Markup
<p>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref 54JXEW
Affected pagehttps://theochocolate.com/policies/terms-of-service
Elementa[href$="refund-policy"]
Accessible nameRefund policy
Markup
<a href="/policies/refund-policy">Refund policy</a>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref M8HYZY
Affected pagehttps://theochocolate.com/pages/faqs
Element#shopify-pc__banner__btn-manage-prefs > span
Accessible nameManage preferences
Markup
<span>Manage preferences</span>
Affected pages/ /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref QAISS3
Affected pagehttps://theochocolate.com/pages/wholesale-register
Elementli:nth-child(5) > small > a
Accessible nameCookie preferences
Markup
<a href="/policies/#shopifyReshowConsentBanner">Cookie preferences</a>
Affected pages/ /pages/wholesale-register /policies/terms-of-service /pages/faqs
Component · Ref 1OSYG8
Affected pagehttps://theochocolate.com/pages/wholesale-register
Elementsmall > a[href$="terms-of-service"]
Accessible nameTerms of service
Markup
<a href="/policies/terms-of-service">Terms of service</a>
Affected pages/ /pages/wholesale-register /policies/terms-of-service /pages/faqs
Component · Ref I2XP7M
Affected pagehttps://theochocolate.com/products/pure-70
Elementshop-follow-button,.text-button-large
Markup
<span class="cursor-pointer whitespace-nowrap pr-3 font-sans text-button-large transition-colors text-white">
Component · Ref 9NUL6A
Affected pagehttps://theochocolate.com/
Element#Slide-template--19989475524686__featured-collection-2 > .card-wrapper > .card-information > .card-information__wrapper > .price > dl > .price__regular > dd > .price-item--regular.price-item > price-money > bdi
Accessible name$79.95
Markup
<bdi><span class="price__prefix">$</span>79<sup class="price__suffix">.95</sup></bdi>
Component · Ref 4T5GTV
Affected pagehttps://theochocolate.com/
Element#Slide-template--19989475524686__featured-collection-4 > .card-wrapper > .card-information > .card-information__wrapper > .card-information__text.h3 > .theo-product-details
Accessible name70% Dark Chocolate Bar
Markup
<span class="theo-product-details">70% Dark Chocolate Bar</span>
Component · Ref DB68H9
Affected pagehttps://theochocolate.com/
Element#Slide-template--19989475524686__featured-collection-2 > .card-wrapper > .card-information > .card-information__wrapper > .price > dl > .price__regular > dd > .price-item--regular.price-item > price-money > bdi > sup
Accessible name.95
Markup
<sup class="price__suffix">.95</sup>
Component · Ref P7VD6V
Affected pagehttps://theochocolate.com/products/pure-70
Element.copyright__content > a[href$="terms-of-service"]
Accessible nameTerms of service
Markup
<a href="/policies/terms-of-service">Terms of service</a>
Component · Ref 6A7TBG
Affected pagehttps://theochocolate.com/
Element.card-information__text.h3[href$="black-coffee"]
Accessible nameBlack Coffee 85% Dark Chocolate Bar
Markup
<a href="/products/black-coffee" class="card-information__text h3" tabindex="-1">
        Black Coffee<br>
        
            <span class="theo-product-details">85% Dark Chocolate Bar</span>
        
      </a>
Component · Ref RPXRW5
Affected pagehttps://theochocolate.com/
Element#Slide-template--19989475524686__featured-collection-3 > .card-wrapper > .card-information > .card-information__wrapper > .card-information__text.h3
Accessible nameSea Salt 70% Dark Chocolate Bar
Markup
<a href="/products/sea-salt-dark-chocolate" class="card-information__text h3" tabindex="-1">
        Sea Salt<br>
        
            <span class="theo-product-details">70% Dark Chocolate Bar</span>
        
      </a>
Component · Ref 25HT3J
Affected pagehttps://theochocolate.com/
Element.card-information__text.h3[href$="lemon-milk-chocolate"] > .theo-product-details
Accessible name45% Milk Chocolate Bar
Markup
<span class="theo-product-details">45% Milk Chocolate Bar</span>
Component · Ref 2BLDPC
Affected pagehttps://theochocolate.com/products/pure-70
Elementli:nth-child(5) > .copyright__content > a
Accessible nameCookie preferences
Markup
<a href="/policies/#shopifyReshowConsentBanner">Cookie preferences</a>
Component · Ref FTJO0U
Affected pagehttps://theochocolate.com/
Element.price--on-sale > dl > .price__sale > .price__compare:nth-child(2) > s > price-money > bdi > sup
Accessible name.95
Markup
<sup class="price__suffix">.95</sup>
Component · Ref 968Y3L
Affected pagehttps://theochocolate.com/
Element.price--on-sale > dl > .price__sale > .price__compare:nth-child(2) > s > price-money > bdi
Accessible name$79.95
Markup
<bdi><span class="price__prefix">$</span>79<sup class="price__suffix">.95</sup></bdi>
Component · Ref LPDT9J
Affected pagehttps://theochocolate.com/
Elementem[data-style="modern-underline"]
Accessible name#TheoChocolate
Markup
<em class="highlighted-text" is="highlighted-text" data-style="modern-underline">

Showing 25 representative examples · 9 more affected elements not shown

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)22 instances5 inspected pages

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Why it matters

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Recommended correction

Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

View 22 affected elements
Component · Ref JWUJF2
Affected pagehttps://theochocolate.com/
Elementdiv#shopify-section-sections--19989476409422__mobile-dock > mobile-dock > a:nth-of-type(2)
Accessible nameShop
Rolenavigation
Markup
<a class="dock__item" href="" role="navigation" aria-label="Shop"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-grid" fill="none" viewBox="0 0 448 512">
      <path d="M0 80C0 53.49 21.49 32 48 32H144C170.5 32 192 53.49 192 80V176C192 202.5 170.5 224 144 224H48C21.49 224 0 202.5 0 176V80zM32 80V176C32 184.8 39.16 192 48 192H144C152.8 192 160 184.8 160 176V80C160 71.16 152.8 64 144 64H48C39.16 64 32 71.16 32 80zM0 336C0 309.5 21.49 288 48 288H144C170.5 288 192 309.5 192 336V432C192 458.5 170.5 480 144 480H48C21.49 480 0 458.5 0 432V336zM32 336V432…
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref P6SD79
Affected pagehttps://theochocolate.com/
Elementdiv:nth-of-type(1) > div > predictive-search > form > div:nth-of-type(1) > button:nth-of-type(2)
Accessible nameClear
Markup
<button type="reset" class="search__button focus-inset" aria-label="Clear">Clear</button>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref FAJ7AB
Affected pagehttps://theochocolate.com/products/pure-70
Elementdiv#ProductInfo-template--19989475983438__main > div:nth-of-type(8) > related-buttons > a:nth-of-type(1)
Accessible nameMore information
Markup
<a href="#ProductDetails">
                  <span class="summary__title"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-info" fill="none" viewBox="0 0 512 512">
      <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C1…
Component · Ref NAYZ1K
Affected pagehttps://theochocolate.com/products/pure-70
Elementproduct-gallery#GalleryViewer-template--19989475983438__main > div:nth-of-type(1) > button:nth-of-type(1)
Accessible nameSlide left
Markup
<button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left">
                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path>
    </svg>
              </button>
Component · Ref U5DWNU
Affected pagehttps://theochocolate.com/products/pure-70
Elementli#Slide-template--19989475983438__main-26115921215566 > modal-opener > button
Accessible nameOpen media 3 in modal
Markup
<button class="product__media-toggle" type="button" aria-haspopup="dialog" data-media-id="26115921215566">
      <span class="visually-hidden">Open media 3 in modal
</span>
    </button>
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)5 instances5 inspected pages

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Why it matters

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 5 affected elements
Component · Ref MMPA4R
Affected pagehttps://theochocolate.com/pages/faqs
Elementsticky-header > header > div:nth-of-type(2) > search-modal > details > summary
Accessible nameSearch our site
Rolebutton
Markup
<summary class="header__icon header__icon--summary header__icon--search focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search our site" role="button">
            <span>
              <svg class="icon icon-search modal__toggle-open" aria-hidden="true" focusable="false">
                <use href="#icon-search"></use>
              </svg>
              <svg class="icon icon-close modal__toggle-close" aria-hidden="true" focusable="false">
                <use href="#icon-close"></use>
              </svg>
            </span>
          </summary>
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)7 instances5 inspected pages

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Why it matters

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Recommended correction

While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

View 7 affected elements
Component · Ref 4UBFOW
Affected pagehttps://theochocolate.com/pages/faqs
Elementsticky-header > header > div:nth-of-type(2) > search-modal > details > div
Accessible nameSearch our site
Roledialog
Markup
<div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Search our site">
  <div class="page-width">
    <div class="search-modal__content" tabindex="-1"><predictive-search data-loading-text="Loading..." data-per-page="6"><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <button type="submit" class="search__button focus-inset" aria-label="Search our site" tabindex="-1">
              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-search" fill=…
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref 9SHMFP
Affected pagehttps://theochocolate.com/products/pure-70
Elementhtml > body > div:nth-of-type(11) > div > div:nth-of-type(2)
Accessible namePOPUP Form
Roledialog
Markup
<div role="dialog" aria-modal="true" aria-label="POPUP Form" class="needsclick  kl-private-reset-css-Xuajs1" data-kl-scroll-locking-modal="true" style="display: flex; z-index: 90000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; overflow: clip auto; background-color: rgba(255, 183, 27, 0.776); animation-timing-function: ease; animation-play-state: running; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; animation-duration: 0.35s; animation-name: klaviyo-fadein;"><div class="needsclick  kl-private…
Component · Ref LBTI1A
Affected pagehttps://theochocolate.com/products/pure-70
Elementdiv#formContainer-Inline
Accessible nameNotify me
Roledialog
Markup
<div id="formContainer-Inline" class="" role="dialog" aria-modal="true" aria-labelledby="form-Header-Text" aria-describedby="form-Description" tabindex="-1" style="font-family: &quot;VisbyCF Demibold&quot;, Helvetica, sans-serif; color: rgb(80, 54, 42); background-color: rgb(255, 255, 255); border-radius: 10px;"><div id="form-Registration-Container" class="form-Channels-All"><div class="form-Content-Container"><div id="form-Header-Container"><svg id="form-Header-Icon" width="25" height="25" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path fillRu…
Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)5 instances5 inspected pages

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Why it matters

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Recommended correction

Wrap primary content in <main> and other regions in appropriate landmark elements.

View 5 affected elements
Component · Ref BB1D6R
Affected pagehttps://theochocolate.com/
Elementsection#shopify-pc__banner > div
Accessible nameCookie consentWe and our partners, including Shopify, use cookies and other technologies to personalize your experience, show you ads, and perform analytics, and we will not use cookies or other technologies for these purposes unless you accept them. Learn more in our Privacy PolicyManage preferencesAcceptDecline
Markup
<div class="shopify-pc__banner__wrapper"><div class="shopify-pc__banner__body"><h2 id="shopify-pc__banner__body-title">Cookie consent</h2><p>We and our partners, including Shopify, use cookies and other technologies to personalize your experience, show you ads, and perform analytics, and we will not use cookies or other technologies for these purposes unless you accept them. Learn more in our  <a id="shopify-pc__banner__body-policy-link" href="http://theochocolate.com/policies/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a></p></div><div class="shopify-pc__banner__…
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 10 affected elements
Component · Ref 7LIL1S
Affected pagehttps://theochocolate.com/products/pure-70
Elementdiv#shopify-section-sections--19989476376654__header > sticky-header > header > nav
Accessible nameShop Shop by Cocoa Level 55% Dark Chocolate 70% Dark Chocolate 85% Dark Chocolate Shop All Chocolate Shop by Occasion Valentine's Day Chocolate Spring Chocolate Holiday Chocolate All Seasonal Chocolate Discover More Best Sellers What's New Subscribe & Save What's on Sale Wholesale Explore Recipes Blog About Our Story Impact Report Contact Us FAQs/Help Center Chocolate Finder Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch.
Markup
<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><mega-menu class="is-megamenu show-images-without-promo">
  <a href="#" class="header__menu-item header__menu-item--top list-menu__item focus-inset"><span class="label">Shop</span></a><div class="list-menu-dropdown hidden">
      <div class="page-width page-width--inner"><div class="list-mega-menu"><div class="mega-menu__item">
                <a href="#" class="mega-menu__item-link list-menu__item focus-inset"><div class="header__menu-item">
                    <span class="label">Shop by Cocoa Level</…
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Component · Ref L8QBEH
Affected pagehttps://theochocolate.com/pages/faqs
Elementdiv#menu-drawer > div > div > nav
Accessible nameShop Shop Shop by Cocoa Level Shop by Cocoa Level 55% Dark Chocolate 70% Dark Chocolate 85% Dark Chocolate Shop All Chocolate Shop by Occasion Shop by Occasion Valentine's Day Chocolate Spring Chocolate Holiday Chocolate All Seasonal Chocolate Discover More Discover More Best Sellers What's New Subscribe & Save What's on Sale Wholesale Explore Explore Recipes Blog About About Our Story Impact Report Contact Us FAQs/Help Center Chocolate Finder Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. Created with Sketch. …[truncated by Evolize: exceeded D1 value limit]
Markup
<nav class="menu-drawer__navigation" data-animate="" data-animate-delay-1="">
            <ul class="menu-drawer__menu list-menu" role="list"><li><details>
                      <summary>
                        <span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Shop<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.…
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Medium

Touch targets are too small

WCAG 2.5.8 (AA)5 instances5 inspected pages

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase this <button>'s rendered area to at least 24 × 24 CSS pixels, or provide sufficient spacing from adjacent targets. Prefer increasing padding on the existing control (for example the button or link) rather than adding a separate non-interactive wrapper.

View 5 affected elements
Component · Ref I5ZFW7
Affected pagehttps://theochocolate.com/
Element.button--arrow
Accessible nameSubscribe
Markup
<button type="submit" class="button button--arrow field__button animate-arrow" name="commit" aria-label="Subscribe">
Affected pages/ /pages/wholesale-register /products/pure-70 /policies/terms-of-service /pages/faqs
Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)1 instance1 inspected page

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref 6ZJFGH
Affected pagehttps://theochocolate.com/products/pure-70
Element.button-input__input
Markup
<input type="radio" id="template--19989475983438__main-1-0" name="Size-1
" value="12-Pack" form="product-form-template--19989475983438__main" checked="" class="button-input__input disabled" data-product-url="" data-option-value-id="3305104572494" data-crossout="">

05 · Most affected inspected pages

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

  • Publicly accessible surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
  • Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

ACTIVATE MONITORINGSEE PRICING

Is information in this report inaccurate or outdated? Request a correction or removal.