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

Accessibility issues detected on threenails.com

Evolize inspected 5 public pages on threenails.com and detected 45 automatically identifiable accessibility findings.

45Findings detected
7WCAG criteria affected
5Pages inspected
9 Sep 2026Assessment date

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

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages
Most affected page/26 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)31 detected findings

Is threenails.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 threenails.com and detected 45 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 5 inspected pages. The most affected inspected page was "/", where 26 findings were detected. The assessment identified findings mapped to 7 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 · 25 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

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 15 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 →
  3. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 10 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 →
  4. 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 →
  5. High

    ARIA hidden element must not be focusable or contain focusable elements

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

    ARIA hidden element must not be focusable or contain focusable elements

    Recommended action

    Review the affected element and correct the reported accessibility issue.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3155 / 5
2.4.3Focus OrderA455 / 5
2.1.1KeyboardA344 / 5
2.5.8Target Size (Minimum)AA311 / 5
1.1.1Non-text ContentA222 / 5
4.1.2Name, Role, ValueA244 / 5
2.2.2Pause, Stop, HideA111 / 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

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)50 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 50 affected elements
Component · Ref 4I5Z8C
Affected pagehttps://threenails.com/
Elementdiv#header-panel-1 > ul > li:nth-of-type(1) > details > div > a:nth-of-type(3)
Accessible nameSpring Collection
Markup
<a href="/collections/mens-spring-26" class="link-faded-reverse">Spring Collection</a>
Affected pages/ /pages/contact-us /products/core-tee-black /collections/core-products /cart
Component · Ref 1VF7RU
Affected pagehttps://threenails.com/pages/contact-us
Elementheader-sidebar#sidebar-menu > div > div:nth-of-type(1) > ul > li:nth-of-type(2) > button
Accessible nameWomen
Markup
<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-2" aria-expanded="false">Women<svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"></path>
    </svg></button>
Affected pages/ /pages/contact-us /products/core-tee-black /collections/core-products /cart
Component · Ref AEZKBV
Affected pagehttps://threenails.com/?viewcart=true
Elementform#predictive-search-form > div > button
Accessible nameClose
Markup
<button type="button" is="dialog-close-button">
          <span class="sr-only">Close</span><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-close" viewBox="0 0 16 16">
      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"></path>
    </svg>

  </button>
Affected pages/ /pages/contact-us /products/core-tee-black /collections/core-products /cart
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)5 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 5 affected elements
Component · Ref XYNXQ3
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Elementdiv#rebuy-cart
Accessible nameYour Cart
Roledialog
Markup
<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="SmartCart_title" aria-hidden="true" class="rebuy-cart currency-USD"><div class="rebuy-cart__flyout"><div class="rebuy-cart__flyout-header"><div><h2 id="SmartCart_title" class="rebuy-cart__flyout-title">
                Your Cart
            </h2></div> <button type="button" aria-label="Close Cart" class="rebuy-cart__flyout-close"><i aria-hidden="true" class="fal fa-times"></i></button></div> <div class="rebuy-cart__flyout-body"><!----> <div class="rebuy-cart__flyout-shipping-bar"><div class="rebuy-cart__flyout-shipping-bar-m…
Affected pages/ /pages/contact-us /products/core-tee-black /collections/core-products /cart
High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)4 instances4 inspected pages

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 4 affected elements
Component · Ref GLX60R
Affected pagehttps://threenails.com/
Element#rebuy-cart
Accessible nameYour Cart
Roledialog
Markup
<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="SmartCart_title" aria-hidden="true" class="rebuy-cart currency-USD">
Affected pages/ /pages/contact-us /products/core-tee-black /collections/core-products
High

Scrollable region must have keyboard access

WCAG 2.1.1 (A)96 instances3 inspected pages

Scrollable region must have keyboard access

Why it matters

Scrollable region must have keyboard access

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 96 affected elements
Component · Ref 6W4GCI
Affected pagehttps://threenails.com/collections/core-products
Elementproduct-card[data-product-id="7353282396248"] > .product-card__figure > .product-card__media[data-instant=""] > .product-card__gallery-track[data-gallery-track=""]
Accessible nameBack view of a model wearing the Pro-Tech 2.0 Liner Short in Space Grey with white sneakers and socks.
Markup
<div class="product-card__gallery-track" data-gallery-track="">
Affected pages/ /collections/core-products /cart
Component · Ref 4F3SOR
Affected pagehttps://threenails.com/collections/core-products
Element.product-card__media[href$="perforated-hat-white"][data-instant=""] > .product-card__gallery-track[data-gallery-track=""]
Accessible nameWhite Perforated Hat flatlay showing the back view with snapback closure and ventilation holes.
Markup
<div class="product-card__gallery-track" data-gallery-track="">
High

Images lack text alternatives

WCAG 1.1.1 (A)8 instances2 inspected pages

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 8 affected elements
Component · Ref CL4QQS
Affected pagehttps://threenails.com/?viewcart=true
Element.tn-bestsellers__banner.collection-card[href$="accessories"] > .content-over-media--.content-over-media > .tn-bestsellers__banner-img.zoom-image[draggable="false"]
Markup
<img src="//threenails.com/cdn..." srcset="//threenails.com/cdn..." width="2000" height="2500" sizes="(max-width: 699px) 1..." class="tn-bestsellers__bann..." draggable="false" style="object-position:52.3...">
Affected pages/ /cart
Component · Ref NYYRXH
Affected pagehttps://threenails.com/?viewcart=true
Elementimg[width="1142"]
Markup
<img src="//threenails.com/cdn..." srcset="//threenails.com/cdn..." width="1142" height="1713" sizes="(max-width: 699px) 1..." class="tn-bestsellers__bann..." draggable="false">
Affected pages/ /cart
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)126 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 126 affected elements
Component · Ref RA1MMG
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Element.announcement-bar__scroll-content:nth-child(1) > .announcement-item[data-announcement-block=""][data-hide-after-ct=""]:nth-child(6) > .announcement.heading.prose > a[href$="best-sellers"]
Accessible nameFree Shipping Over $119 in U.S.
Markup
<a href="/collections/best-sellers" tabindex="-1">Free Shipping Over $119 in U.S.</a>
Affected pages/ /pages/contact-us /products/core-tee-black /collections/core-products /cart
Component · Ref XK5GCF
Affected pagehttps://threenails.com/?viewcart=true
Elementbutton[type="submit"]
Accessible nameSubscribe
Markup
<button type="submit" class="button" style="--button-background: 28 28 28;--button-outline-color: 28 28 28;">
    
Subscribe
  </button>
Affected pages/ /collections/core-products /cart
Component · Ref OPEEUL
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Element.FabricCompare__Col:nth-child(3) > .FabricCompare__Composition[data-fc-row="composition"] > .FabricCompare__CompositionText
Accessible name55% Nylon / 45% Polyester
Markup
<span class="FabricCompare__CompositionText" style="animation-name: none;">55% Nylon / 45% Polyester</span>
Component · Ref ZPIMM8
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Element.FabricCompare__Col--current > .FabricCompare__Composition[data-fc-row="composition"] > .FabricCompare__CompositionText
Accessible name47% Modal / 46% Cotton / 7% Spandex
Markup
<span class="FabricCompare__CompositionText" style="animation-name: none;">47% Modal / 46% Cotton / 7% Spandex</span>
Component · Ref BGNFGL
Affected pagehttps://threenails.com/collections/core-products
Elementlimited-badge
Accessible nameLimited Edition
Markup
<limited-badge class="badge badge--limited">
        Limited Edition
      </limited-badge>
Component · Ref 70DJMD
Affected pagehttps://threenails.com/?viewcart=true
Element#collection_Mnrptq > .color-scheme--scheme-4.place-self-end-center.collection-card__content > .button[type="button"]
Accessible nameShop Now
Markup
<button type="button" class="button">
    
Shop Now
  </button>
Affected pages/ /cart
Component · Ref VCFVA1
Affected pagehttps://threenails.com/
Elementsummary[data-follow-link="/collections/youth"]
Accessible nameKids
Markup
<summary data-follow-link="/collections/youth" class="h6" aria-haspopup="true">Kids</summary>
Affected pages/ /cart
Component · Ref KUD2MA
Affected pagehttps://threenails.com/?viewcart=true
Element#slide-image_eLQfUT > .sm\:text-center.slideshow__slide-content.text-center > .prose > .h1.Hero_H1
Accessible nameSportswear With Purpose.™
Markup
<p class="h1 Hero_H1">Sportswear With Purpose.™</p>
Affected pages/ /cart
Component · Ref WSICKJ
Affected pagehttps://threenails.com/
Element.button[href$="mens-summer-26"]:nth-child(1)
Accessible nameShop Mens
Markup
<a class="button" style="--button-background: 255 255 255;--button-outline-color: 255 255 255;--button-text-color: 0 0 0;--mobile-button-background: 255 255 255;--mobile-button-outline-color: 255 255 255;--mobile-button-text-color: 0 0 0;" href="/collections/mens-summer-26">Shop Mens</a>
Affected pages/ /cart
Component · Ref G3KGHW
Affected pagehttps://threenails.com/
Element.tn-bestsellers__banner.collection-card[href$="youth"] > .content-over-media--.content-over-media > .color-scheme--.collection-card__content.prose--tight > .button[type="button"]
Accessible nameShop Kids
Markup
<button type="button" class="button">
    
Shop Kids
  </button>
Affected pages/ /cart
Component · Ref KSIRMF
Affected pagehttps://threenails.com/
Element#collection_Mnrptq > .color-scheme--scheme-4.place-self-end-center.collection-card__content > p:nth-child(1)
Accessible nameOur lightest & most advanced fabric yet.
Markup
<p class="h6">Our lightest &amp; most advanced fabric yet.</p>
Affected pages/ /cart
Component · Ref TDMHLE
Affected pagehttps://threenails.com/?viewcart=true
Element.button-group > .button[href$="bundle-packs"]
Accessible nameShop Now
Markup
<a class="button" style="--button-background: 255 255 255;--button-outline-color: 255 255 255;--button-text-color: 28 28 28;--mobile-button-background: 255 255 255;--mobile-button-outline-color: 255 255 255;--mobile-button-text-color: 28 28 28;" href="/collections/bundle-packs">Shop Now</a>
Affected pages/ /cart
Component · Ref DUCWYG
Affected pagehttps://threenails.com/
Element.button--outline
Accessible nameTebow's Top Picks
Markup
<a class="button button--outline" style="--button-background: 42 125 189;--button-outline-color: 42 125 189;--button-text-color: 255 255 255;--mobile-button-background: 255 255 255;--mobile-button-outline-color: 255 255 255;--mobile-button-text-color: 0 0 0;" ...>
Affected pages/ /cart
Component · Ref W9SFYY
Affected pagehttps://threenails.com/?viewcart=true
Element.slideshow__slide-content--boxed > .prose > .h1.Hero_H1
Accessible nameSummer '26 Collection
Markup
<p class="h1 Hero_H1">Summer '26 Collection</p>
Affected pages/ /cart
Component · Ref VVY06D
Affected pagehttps://threenails.com/?viewcart=true
Element.h6_above > p
Accessible nameAligned in Mission
Markup
<p>Aligned in Mission</p>
Affected pages/ /cart
Component · Ref VQ2VQA
Affected pagehttps://threenails.com/
Element#featured-collections-carousel-template--21760008028248__featured_collections_coastal > .featured-collections-carousel__item.is-selected > .justify-self-center > .button
Accessible nameShop Summer
Markup
<a class="button" href="/collections/summer-26-collection">Shop Summer</a>
Affected pages/ /cart
Component · Ref 1N8P9K
Affected pagehttps://threenails.com/?viewcart=true
Element.block.h6[href$="bundle-packs"]
Accessible nameBundles
Markup
<a href="/collections/bundle-packs" class="block h6">Bundles</a>
Affected pages/ /cart
Component · Ref VM5C7U
Affected pagehttps://threenails.com/
Element#collection_wkbqUM > .color-scheme--scheme-4.place-self-end-center.collection-card__content > .h3
Accessible nameKids
Markup
<p class="h3">Kids</p>
Affected pages/ /cart
Component · Ref IPP9UW
Affected pagehttps://threenails.com/
Element#strip_mens > .tn-bestsellers__banner.collection-card.group > .content-over-media--.content-over-media > .color-scheme--.collection-card__content.prose--tight > .button[type="button"]
Accessible nameShop Men's
Markup
<button type="button" class="button">
    
Shop Men's
  </button>
Affected pages/ /cart
Component · Ref HIX23P
Affected pagehttps://threenails.com/?viewcart=true
Element.justify-self-center > .button[href$="bundle-packs"]
Accessible nameShop Now
Markup
<a class="button" href="/collections/bundle-packs">Shop Now</a>
Affected pages/ /cart
Component · Ref WJCSID
Affected pagehttps://threenails.com/
Element#slide-image_kEM8ye > .sm\:text-center.slideshow__slide-content.text-center > .prose > .h6_below.Hero_H6.h6 > p
Accessible nameMix & Match. Save up to 20%.
Markup
<p>Mix &amp; Match. Save up to 20%.</p>
Affected pages/ /cart
Component · Ref CHIZHP
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Element.okeReviews-ratingDistribution-item:nth-child(3) > .okeReviews-ratingDistribution-item-value > .okeReviews-ratingDistribution-item-value-inner > .okeReviews-ratingDistribution-item-value-count
Accessible name0 Reviews
Markup
<div class="okeReviews-ratingDistribution-item-value-count">
0 <span class="okeReviews-a11yText">Reviews</span>
</div>
Component · Ref NVUMHU
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Element.block-swatch.is-disabled[data-option-value=""]:nth-child(8) > span
Accessible nameXL
Markup
<span>XL</span>
Component · Ref 256B96
Affected pagehttps://threenails.com/products/core-tee-black?variant=42712274927704
Element.okeReviews-reviewsWidget-header-controls-writeReview
Accessible nameWrite a Review
Markup
<a target="_blank" rel="noopener" tabindex="0" class="okeReviews-reviewsWi..." data-oke-ga-click-ac...="Write Review Click" href="https://okendo.revie...">
Component · Ref C3HKBZ
Affected pagehttps://threenails.com/pages/contact-us
Elementstrong > a
Accessible nameHERE
Markup
<a href="https://threenailsclothing.com/pages/returns">HERE</a>

Showing 25 representative examples · 6 more affected elements not shown

Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)1 instance1 inspected page

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 1 affected element
Component · Ref M3F2TY
Affected pagehttps://threenails.com/collections/core-products
Elementbutton[aria-controls="sort-by-popover"]
Accessible nameSort by
Markup
<button type="button" aria-controls="sort-by-popover" class="collection-toolbar__button heading text-xxs w-full" aria-haspopup="dialog">
Low

Touch targets are too small

WCAG 2.5.8 (AA)64 instances1 inspected page

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 <a>'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 64 affected elements
Component · Ref 7NSYZI
Affected pagehttps://threenails.com/collections/core-products
Elementproduct-card[data-product-id="7778944057432"] > .product-card__info--swatches > .gap-2.justify-items-start.v-stack > .justify-items-start.v-stack > .product-color.h5[data-instant=""]
Accessible nameSky Blue
Markup
<a href="/products/pro-tech-2-0-liner-short-sky-blue" class="product-color h5 h6 " data-instant="">
                  Sky Blue
                </a>
Component · Ref LU9PUR
Affected pagehttps://threenails.com/collections/core-products
Elementproduct-card[handle="nova-pocket-leggings-black"] > .product-card__info--swatches > .variant-picker__color-swatches--desktop[data-total-colors="10"][data-max-desktop="9"] > .swatch-more[data-swatch-more=""][aria-label="View all colors"]
Accessible nameView all colors
Markup
<a class="swatch-more" data-swatch-more="" href="https://threenails.com/products/nova-pocket-leggings-black" aria-label="View all colors">+<span data-remaining-count="">1</span></a>
Component · Ref V194AK
Affected pagehttps://threenails.com/collections/core-products
Element.product-color.h5[href$="perforated-hat-black"]
Accessible nameBlack
Markup
<a href="/products/perforated-hat-black" class="product-color h5 h6 " data-instant="">
                  Black
                </a>

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.