Public accessibility assessment

Accessibility issues detected on hatattack.com

Evolize inspected 5 public pages on hatattack.com and detected 14 automatically identifiable accessibility findings.

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

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

Most widespread issueInteractive controls are not keyboard-accessibleDetected on 5 inspected pages
Most affected page/products/mimi-basket9 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)5 detected findings

Is hatattack.com your website?

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

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on hatattack.com and detected 14 accessibility findings. The most widespread issue was "Interactive controls are not keyboard-accessible", detected on 5 inspected pages. The most affected inspected page was "/products/mimi-basket", where 9 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

    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 →
  2. High

    Interactive controls must not be nested

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

    Interactive controls must not be nested

    Recommended action

    Review the affected element and correct the reported accessibility issue.

    View technical evidence →
  3. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 2 inspected pages · 10 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

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 2 inspected pages · 2 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 →
  5. High

    Images lack text alternatives

    WCAG 1.1.1 (A) · 1 inspected page · 1 instance
    Why this matters

    Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

    Recommended action

    Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA555 / 5
2.1.1KeyboardA555 / 5
2.2.2Pause, Stop, HideA255 / 5
4.1.2Name, Role, ValueA255 / 5
1.1.1Non-text ContentA111 / 5
2.5.8Target Size (Minimum)AA155 / 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.

04 · All detected findings

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)17 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 17 affected elements
Component · Ref A4TUA8
Affected pagehttps://hatattack.com/
Elementli#footer-localization-country-opt-0
Accessible nameUnited States (USD $)
Roleoption
Markup
<li class="custom-select__option flex items-center js-option" id="footer-localization-country-opt-0" role="option" data-value="US" aria-selected="true">
          <span class="pointer-events-none">United States (USD&nbsp;$)</span>
          </li>
Affected pages/ /products/mimi-basket /collections/all-bags/products/mimi-basket /pages/sms-sign-up /cart
Component · Ref DE7XZ8
Affected pagehttps://hatattack.com/products/mimi-basket
Elementdiv:nth-of-type(2) > div > div > fieldset > ul > li:nth-of-type(2)
Accessible nameToast - Sold Out
Roleradio
Markup
<li class="swatch-view-item swatch-item-unavailable" orig-value="Toast" option-value-id="3810932686937" aria-label="Toast - Sold Out" role="radio" aria-checked="false" tabindex="-1"><div class="swatch-image-wrapper"><div class="swatch-custom-image swatch-selector swatch-allow-animation" type="image" data-value="Toast" orig-value="Toast" option-value-id="3810932686937" swatch-option="option1"><div style="background-image: url(https://cdn.starapps.studio/v2/apps/vsk/hat-attack-new-york/swatches/Color/50/Toast.webp);" class="star-set-image" swatch-inside="true"><i class="hidden"></i><span role="i…
Affected pages/products/mimi-basket /collections/all-bags/products/mimi-basket
Component · Ref R7BS0W
Affected pagehttps://hatattack.com/products/mimi-basket
Elementdiv:nth-of-type(2) > div > div > fieldset > ul > li:nth-of-type(1)
Accessible nameNatural
Roleradio
Markup
<li class="swatch-view-item" orig-value="Natural" option-value-id="3810914205785" aria-label="Natural" role="radio" aria-checked="false" tabindex="-1"><div class="swatch-image-wrapper"><div class="swatch-custom-image swatch-selector swatch-allow-animation" type="image" data-value="Natural" orig-value="Natural" option-value-id="3810914205785" swatch-option="option1"><div style="background-image: url(https://cdn.starapps.studio/v2/apps/vsk/hat-attack-new-york/swatches/Color/50/Natural.webp);" class="star-set-image" swatch-inside="true"><i class="hidden"></i><span role="img" aria-label="Natural">…
Affected pages/products/mimi-basket /collections/all-bags/products/mimi-basket
High

Interactive controls must not be nested

WCAG 4.1.2 (A)5 instances5 inspected pages

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements
Component · Ref TX9TRY
Affected pagehttps://hatattack.com/
Elementsummary
Accessible nameMenu Close Back
Markup
<summary tabindex="-1">
Affected pages/ /products/mimi-basket /collections/all-bags/products/mimi-basket /pages/sms-sign-up /cart
High

Images lack text alternatives

WCAG 1.1.1 (A)1 instance1 inspected page

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 1 affected element
Component · Ref B0ZCXW
Affected pagehttps://hatattack.com/pages/sms-sign-up
Element.go1316175291
Markup
<img src="https://d3k81ch9hvuctc.cloudfront.net/company/WGQ8tC/images/56bd0584-68f7-4d79-9ce2-ae27e450b2e7.png" width="512" height="512" tabindex="-1" class="needsclick go1316175291 go1466145428 kl-private-reset-css-Xuajs1">
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)9 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 9 affected elements
Component · Ref 644HPR
Affected pagehttps://hatattack.com/
Element.menu-toggle__text--menu
Accessible nameMenu
Markup
<span class="menu-toggle__text menu-toggle__text--menu">Menu</span>
Affected pages/ /products/mimi-basket /collections/all-bags/products/mimi-basket /pages/sms-sign-up /cart
Component · Ref F1PZZ3
Affected pagehttps://hatattack.com/pages/sms-sign-up
Elementh1
Accessible nameSMS Sign Up
Markup
<h1 class="text-current">SMS Sign Up
</h1>
Component · Ref JOIT3J
Affected pagehttps://hatattack.com/
Element.highlights-text.highlights-text--none.highlights-text--highlight:nth-child(2)
Accessible nameWherever You Go
Markup
<span class="highlights-text highlights-text--none highlights-text--highlight cc-animate-init cc-animate-in" style="--highlights-text-scale: 100%; animation-delay: 0.5s;" data-cc-animate="" data-cc-animate-mob="" data-cc-animate-delay="0.5s" data-cc-animate-no-opacity="">
Component · Ref KD59T9
Affected pagehttps://hatattack.com/
Element.text-overlay__block > .highlights-text.highlights-text--none.highlights-text--highlight:nth-child(1)
Accessible nameSummer Ready Styles
Markup
<span class="highlights-text highlights-text--none highlights-text--highlight cc-animate-init cc-animate-in" style="--highlights-text-scale: 100%; animation-delay: 0.5s;" data-cc-animate="" data-cc-animate-mob="" data-cc-animate-delay="0.5s" data-cc-animate-no-opacity="">
Component · Ref AZF1HO
Affected pagehttps://hatattack.com/
Element.btn--hollow
Accessible nameDISCOVER THE COLLECTION
Markup
<a class="btn btn--hollow btn--fade" href="/collections/spring-summer-2026">DISCOVER THE COLLECTION</a>
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 N66D7R
Affected pagehttps://hatattack.com/products/mimi-basket
Elementproduct-card[data-cc-animate-delay="0.15s"] > .md\:flex.flex-auto.relative > .card__info.align-ltr-left.w-full > variant-swatch-king > .swatches.swatches-type-collections.hover-disabled > div[sa-options-position="default"] > div[option-name="Color"][option-target="option1"] > .swatch-single.swatch-preset-1042003.swatch-view-stack > fieldset > legend > .swatch-label.swatch-label-custom-image.star-hide > .swatch-option-name
Accessible nameColor
Markup
<span id="option1" class="swatch-option-name">Color</span>
Low

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 <summary>'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 3MWB6C
Affected pagehttps://hatattack.com/cart
Elementsummary
Accessible nameMenu Close Back
Markup
<summary tabindex="-1">
Affected pages/ /products/mimi-basket /collections/all-bags/products/mimi-basket /pages/sms-sign-up /cart

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.

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