Accessibility issues detected on thehathive.com
Evolize inspected 5 publicly accessible pages on thehathive.com and detected 23 automatically identifiable accessibility findings. 6 findings were classified as critical or high priority. The findings map to 10 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, hidden elements can still receive keyboard focus, images lack text alternatives.
Independent public assessment. thehathive.com is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 5 publicly accessible pages on thehathive.com and detected 23 automatically identifiable accessibility findings. 6 findings were classified as critical or high priority. The findings map to 10 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, hidden elements can still receive keyboard focus, images lack text alternatives.
02 · Priority findings
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 1.4.3 | Contrast (Minimum) | AA | 7 | 3 |
| 1.3.1 | Info and Relationships | A | 4 | 5 |
| 1.2.2 | Captions (Prerecorded) | A | 2 | 1 |
| 2.1.1 | Keyboard | A | 2 | 5 |
| 2.4.3 | Focus Order | A | 2 | 5 |
| 2.4.4 | Link Purpose (In Context) | A | 2 | 1 |
| 4.1.2 | Name, Role, Value | A | 2 | 5 |
| 1.1.1 | Non-text Content | A | 1 | 1 |
| 2.2.2 | Pause, Stop, Hide | A | 1 | 5 |
| 3.3.2 | Labels or Instructions | A | 1 | 2 |
Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.
A scan shows today's exposure. Monitoring shows what changes next.
Evolize continuously rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.
04 · All detected findings
Links lack accessible text
ComponentRef KBIWRZ
Links expose no accessible name, so their destination is unknown to screen reader users.
https://thehathive.com/.grid-item--width-66.grid-item--text-center.grid-item--media-fit-cover > .grid-item__inner > .grid-item__link-overlay<a class="grid-item__link-overlay" href="/products/wide-brim-veil-bridal-hat"></a>
ComponentRef DZ96NZ
Links expose no accessible name, so their destination is unknown to screen reader users.
https://thehathive.com/.grid-item__link-overlay[href$="hat-collections"]<a class="grid-item__link-overlay" href="/pages/hat-collections"></a>
Hidden elements can still receive keyboard focus
ComponentRef 4SX7SD
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
https://thehathive.com/ul#currency-list-header > li:nth-of-type(1) > a<a class="disclosure-list__option no-transition fs-body-75" href="#" data-value="AF" data-disclosure-option="">
<span class="flag-icon flag-icon-af"></span>
<span class="disclosure-list__option-label">Afghanistan (AFN
؋)</span></a>/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartComponentRef 28ANXM
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
https://thehathive.com/div#shopify-section-sections--21363358498965__announcement-bar > div > div:nth-of-type(1) > div > div:nth-of-type(1) > button<button class="slider-nav-button slider-nav-button-prev" title="Previous">
<span class="icon icon-new icon-chevron ">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"></path></svg>
</span>
</button>/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartImages lack text alternatives
ComponentRef T7K0UB
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
https://thehathive.com/video > img<img src="//thehathive.com/cdn/shop/files/preview_images/ebedfa2511684a9f82b4bef402431727.thumbnail.0000000000_1800x.jpg?v=1778647925">
Interactive controls are not keyboard-accessible
ComponentRef 8T0L19
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.
https://thehathive.com/products/lightpinkfascinatorwithveila#more-payment-options-link<a class="shopify-payment-button__more-options" id="more-payment-options-link" role="link" aria-disabled="true">More payment options</a>
Content sits outside any landmark region
ComponentRef GG640N
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
https://thehathive.com/div:nth-of-type(1) > div > div:nth-of-type(2) > div > div:nth-of-type(1) > p<p>Free standard shipping within the United States!</p>
/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartNavigation regions are not distinguishable
ComponentRef Z34N2D
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
https://thehathive.com/header > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(2) > nav<nav class="header__links header__links-primary" data-navigation="" style="--submenu-item-height: 59px;">
<ul class="header__links-list fs-navigation-base">
<li data-submenu-parent=""><!-- if top level item is a link, render a clickable anchor link --><a class="navigation__submenu-trigger fs-navigation-base no-transition" data-link="" data-parent="" data-dropdown-trigger="" aria-haspopup="true" aria-expanded="false" aria-controls="shop-menu-0" href="/collections">
<span class="link-hover">
SHOP
</span>
<span class="header__links-icon">
…/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartComponentRef GWMGKD
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
https://thehathive.com/div#shopify-section-sections--21363358498965__header > header > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > nav<nav class="header__cross-border fs-body-50" data-secondary-navigation="">
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="disclosure-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/"><div class="disclosure-form__inner"><div class="disclosure-form__item">
<h2 class="visually-hidden" id="currency-heading-header">
Currency
</h2>
…/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartComponentRef I6JIU9
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
https://thehathive.com/section > div:nth-of-type(2) > div > div > div > div<div class="drawer-menu__main" data-main="" role="navigation">
<div class="drawer-menu__links-wrapper animation--drawer-menu-item" style="--delay-offset-multiplier: 0;">
<ul class="drawer-menu__primary-links" data-depth="0" data-primary-container="true">
<li class="
drawer-menu__item
" data-list-item="">
<a data-item="parent" class="drawer-menu__link no-transition" href="/collections" data-link="primary" aria-haspopup="true" aria-expanded="false">
<div class="drawer-menu__link-title">
<span c…/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartCarousel has no accessible controls
ComponentRef 6DO7LZ
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
https://thehathive.com/div#shopify-section-sections--21363358498965__announcement-bar > div > div:nth-of-type(2)<div class="swiper" data-slider="" data-autoplay-enabled="true" data-autoplay-delay="4000">
<div class="swiper-wrapper">
<div class="announcement-bar__item ff-body fs-body-50 swiper-slide" data-slide="" data-index="0"><div class="announcement-bar__item-inner announcement-bar__item-inner-mobile-only" inert=""><p>Free standard shipping within the United States!</p>
</div><div class="announcement-bar__item-inner announcement-bar__item-inner-desktop-only"><p>Life isn’t perfect, but your hat can be!</p>
</div>
</div>
</div>
</div>/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartARIA attributes have invalid values
ComponentRef G2GC37
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
https://thehathive.com/products/navy-0728.for-desktop > .product-accordion-group[data-auto-collapse="false"] > .accordion:nth-child(1) > .accordion__inner[data-open="true"][data-index=""] > .accordion__label[aria-controls="description"]<button class="accordion__label" aria-expanded="true" aria-controls="description">
/products/lightpinkfascinatorwithveil /products/navy-0728ComponentRef 80BY9W
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
https://thehathive.com/.navigation__submenu-trigger<a class="navigation__submenu-trigger fs-navigation-base no-transition" data-link="" data-parent="" data-dropdown-trigger="" aria-haspopup="true" aria-expanded="false" aria-controls="shop-menu-0" href="/collections">
/ /pages/contact /products/lightpinkfascinatorwithveil /products/navy-0728 /cartText has insufficient colour contrast
ComponentRef VVCKRD
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/products/navy-0728.inventory-counter__message<span class="inventory-counter__message fs-body-75">Backordered</span>
ComponentRef C859A2
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/.btn--secondary.btn--overlay[href$="hat-collections"] > span<span>Shop Hats</span>
/ /products/navy-0728ComponentRef MXEI65
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/a[href$="custom-hat-orders"][data-link=""] > .link-hover<span class="link-hover">
ORDER A CUSTOM HAT
</span>ComponentRef YCLXWL
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/cart.cart__empty-button > .btn--secondary.btn[href$="collections"] > span<span>Continue shopping</span>
ComponentRef NO2RAB
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/button[aria-controls="currency-list-header"]<button type="button" class="disclosure__toggle disclosure__toggle--currency fs-body-50" aria-expanded="false" aria-controls="currency-list-header" aria-describedby="currency-heading-header" data-disclosure-toggle="">
ComponentRef N7CR4K
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/.navigation__submenu-trigger > .link-hover<span class="link-hover">
SHOP
</span>ComponentRef 79BI0O
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://thehathive.com/.image-hero__text-container-subheading<h3 class="image-hero__text-container-subheading ff-subheading fs-heading-5-base section-blocks__subheading" style="--delay-offset-multiplier: 3;">
Ready to Wear & Custom Design Hats and Fascinators.
</h3><video> elements must have captions
ComponentRef CLOXS2
<video> elements must have captions
https://thehathive.com/video<video playsinline="playsinline" class="video-with-text__vid..." autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//thehathive.com/cdn..." loading="lazy">
Form field must not have multiple label elements
ComponentRef 4YGNEI
Form field must not have multiple label elements
https://thehathive.com/products/navy-0728#Quantity-Input-4416154959972<input type="number" name="updates[]" id="Quantity-Input-4416154959972" value="1" min="1" pattern="[0-9]*" class="quantity-input__input" data-quantity-input="" aria-label="Product quantity">
/products/lightpinkfascinatorwithveil /products/navy-0728Video may be missing captions
ComponentRef 9KVY8F
A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
https://thehathive.com/div > div > div:nth-of-type(1) > div > div > video<video playsinline="playsinline" class="video-with-text__video animation--video-with-text" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//thehathive.com/cdn/shop/files/preview_images/ebedfa2511684a9f82b4bef402431727.thumbnail.0000000000_1800x.jpg?v=1778647925" loading="lazy"><source src="//thehathive.com/cdn/shop/videos/c/vp/ebedfa2511684a9f82b4bef402431727/ebedfa2511684a9f82b4bef402431727.HD-1080p-7.2Mbps-83990511.mp4?v=0" type="video/mp4"><img src="//thehathive.com/cdn/shop/files/preview_images/ebedfa2511684a9f82b4bef402431727.thumbnail.0000000000_1800x.jpg?v=1778…
05 · Pages inspected
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.
Is information in this report inaccurate or outdated? Request a correction or removal.