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

Accessibility issues detected on shopnoble.com

Evolize inspected 5 public pages on shopnoble.com and detected 42 automatically identifiable accessibility findings.

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

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

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages
Most affected page/products/gift-card18 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)35 detected findings

Is shopnoble.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 shopnoble.com and detected 42 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 "/products/gift-card", where 18 findings were detected. The assessment identified findings mapped to 8 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 · 40 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 · 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 →
  3. 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 →
  4. Medium

    Content sits outside any landmark region

    WCAG 1.3.1 (A) · 5 inspected pages · 5 instances
    Why this 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 action

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

    View technical evidence →
  5. Medium

    ARIA attributes have invalid values

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

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

    Recommended action

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

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3555 / 5
2.4.3Focus OrderA255 / 5
1.1.1Non-text ContentA111 / 5
1.3.1Info and RelationshipsA155 / 5
2.1.1KeyboardA111 / 5
2.2.2Pause, Stop, HideA111 / 5
2.5.8Target Size (Minimum)AA111 / 5
4.1.2Name, Role, ValueA155 / 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 PWZ7SM
Affected pagehttps://shopnoble.com/pages/sign-up
Elementdiv#accessiblyAppDialog > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > button:nth-of-type(1)
Accessible nameLanguage Settings
Markup
<button type="button" class="accessibly-app-ignore accessibly-app-gap-1 accessibly-app-uppercase" aria-label="Language Settings"><span class="accessibly-app-icon-globe accessibly-app-ignore"></span><span>en</span></button>
Affected pages/ /blogs/news/4-beauty-products-to-swap-asap /products/gift-card /pages/sign-up /cart
Component · Ref BGA3W6
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Elementbutton#biggerCursor
Accessible nameBigger Cursor
Markup
<button type="button" class="accessibly-app-read-ignore accessibly-app-option-button accessibly-app-ignore" id="biggerCursor" aria-label="Bigger Cursor" style="color: rgb(255, 255, 255);"><span class="accessibly-app-read-ignore accessibly-app-assertive accessibly-app-ignore" aria-live="assertive">Bigger Cursor</span><div style="color: rgb(255, 255, 255);"><span class="accessibly-app-icon-bigger-cursor accessibly-app-option-icon accessibly-app-ignore"></span></div><span accessibly-app-i18n-key="biggerCursor" class="accessibly-app-option-title accessibly-app-ignore">Bigger Cursor</span></button>
Affected pages/ /blogs/news/4-beauty-products-to-swap-asap /products/gift-card /pages/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 I3YR3X
Affected pagehttps://shopnoble.com/pages/sign-up
Element.go755622692
Markup
<img src="https://d3k81ch9hvuctc.cloudfront.net/company/cQch3u/images/e2c14d0a-5ec6-4db9-be03-1274f4dac8a4.png" width="685" height="1027" tabindex="-1" class="needsclick go755622692 go1466145428 kl-private-reset-css-Xuajs1">
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)5 instances5 inspected pages

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 5 affected elements
Component · Ref YEISEW
Affected pagehttps://shopnoble.com/products/gift-card
Element.localization-selectors.md-max\:hidden > .relative > .localization-toggle.text-xxs.heading
Accessible nameUSD $
Markup
<button type="button" class="localization-toggle heading text-xxs link-faded" aria-controls="popover-localization-header-nav-sections--21130390831242__header-country" aria-expanded="false" aria-haspopup="dialog">
Affected pages/ /blogs/news/4-beauty-products-to-swap-asap /products/gift-card /pages/sign-up /cart
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)67 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 67 affected elements
Component · Ref MR04AT
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.form-row > .button[type="submit"]
Accessible nameSign up for 10% off your first order
Markup
<button type="submit" class="button">
Affected pages/ /blogs/news/4-beauty-products-to-swap-asap /products/gift-card /pages/sign-up /cart
Component · Ref 685RE7
Affected pagehttps://shopnoble.com/products/gift-card
Elementspan[data-content="2024-04-02 19:54:03 UTC"]
Accessible name04/02/2024
Markup
<span class="jdgm-rev__timestamp" data-content="2024-04-02 19:54:03 UTC">04/02/2024</span>
Component · Ref VHBB2Z
Affected pagehttps://shopnoble.com/products/gift-card
Element.block-swatch[data-option-value=""]:nth-child(14) > span
Accessible name$200.00
Markup
<span>$200.00</span>
Component · Ref O4K30T
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.article__footer > .text-subdued.h6
Accessible nameWritten by Afterpay Payment
Markup
<p class="h6 text-subdued">Written by Afterpay Payment</p>
Component · Ref 6P9SIR
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.gap-4\.5.h-stack > time
Accessible nameJanuary 4, 2017 at 10:27 pm
Markup
<time class="text-xs text-subdued">January 4, 2017 at 10:27 pm</time>
Component · Ref O4IXOG
Affected pagehttps://shopnoble.com/products/gift-card
Elementselect
Accessible nameMost Recent Highest Rating Lowest Rating Only Pictures Pictures First Videos First Most Helpful
Markup
<select class="jdgm-sort-dropdown">
Component · Ref KJT2L7
Affected pagehttps://shopnoble.com/products/gift-card
Element.checkbox-control > label
Accessible nameI want to send this as a gift
Markup
<label for="checkbox--template--21130395320458__main--properties[__shopify_send_gift_card_to_recipient]-">I want to send this as a gift</label>
Component · Ref E23KSO
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.text-subdued.text-xs:nth-child(1)
Accessible nameHeather
Markup
<p class="text-xs text-subdued">Heather</p>
Component · Ref 8VZXQC
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Elementa[href$="privacy"]
Accessible namePrivacy Policy
Markup
<a href="https://hcaptcha.com/privacy" aco-visited="true">Privacy Policy</a>
Affected pages/ /blogs/news/4-beauty-products-to-swap-asap
Component · Ref 98L86A
Affected pagehttps://shopnoble.com/products/gift-card
Element.jdgm-rev.jdgm-divider-top[data-verified-buyer="true"]:nth-child(2) > .jdgm-rev__actions > .jdgm-rev__votes > .jdgm-rev__votes-inner > .jdgm-rev_thump-up-count.jdgm-rev__thumb-count[data-thumb-count="0"]
Accessible name0
Markup
<span class="jdgm-rev__thumb-count jdgm-rev_thump-up-count" data-thumb-count="0">0</span>
Component · Ref HRI0GL
Affected pagehttps://shopnoble.com/products/gift-card
Element.jdgm-rev.jdgm-divider-top[data-verified-buyer="true"]:nth-child(2) > .jdgm-rev__actions > .jdgm-rev__votes > .jdgm-rev__votes-inner > .jdgm-rev_thump-down-count.jdgm-rev__thumb-count[data-thumb-count="0"]
Accessible name0
Markup
<span class="jdgm-rev__thumb-count jdgm-rev_thump-down-count" data-thumb-count="0">0</span>
Component · Ref HVMO6Y
Affected pagehttps://shopnoble.com/products/gift-card
Elementdiv[data-rating="3"] > .jdgm-histogram__frequency
Accessible name0
Markup
<div class="jdgm-histogram__frequency">0</div>
Component · Ref F98KHI
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Elementh2:nth-child(15) > strong > span > a
Accessible name2. BB CREAM
Markup
<a href="http://good-life.co/product/bb-cream-foundation/" style="color: #bf9000;" aco-visited="true">2. BB CREAM</a>
Component · Ref N7S6RH
Affected pagehttps://shopnoble.com/
Element.link[data-product-link-position="1"][data-product-click-tracked="true"]
Accessible nameShop Utility Dress
Markup
<a href="https://shopnoble.com/products/utility-dress-in-pebble-blue" class="link" data-product-link-position="1" data-impression-id="d33a8df3-2ec4-4278-b6c7-8e691c4c0293" data-product-click-tracked="true" aco-visited="true">Shop Utility Dress</a>
Component · Ref 4120A2
Affected pagehttps://shopnoble.com/pages/sign-up
Element.klaviyo-disclosure > p > a:nth-child(1)
Accessible namePrivacy Policy
Markup
<a href="https://shopnoble.com/pages/privacy-policy" aco-visited="true">Privacy Policy</a>
Component · Ref CEHCX5
Affected pagehttps://shopnoble.com/
Element.prose > p > a[title="Returns"][href$="returns-policy"]
Accessible namehere
Markup
<a href="/pages/returns-policy" title="Returns" aco-visited="true">here</a>
Component · Ref 1LV050
Affected pagehttps://shopnoble.com/
Element#shopify-section-template--21130394796170__featured_collections_nMJYVw > .color-scheme--bg-54922f2e920ba8346f6dc0fba343d673.color-scheme--scheme-5c91d369-62aa-4598-bbec-c1ef736690f7.section-spacing > .container > .section-stack > .sm\:gap-5.gap-4.justify-self-center > .h2
Accessible nameKnitwear
Markup
<h2 class="h2">Knitwear</h2>
Component · Ref 20791C
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.blog-post-card__read-more.link[href$="elf-energy-bars"]
Accessible nameRead more
Markup
<a href="/blogs/news/elf-energy-bars" class="blog-post-card__read-more link" aco-visited="true">Read more</a>
Component · Ref C7SWKJ
Affected pagehttps://shopnoble.com/
Element.multi-column__item.group.snap-center:nth-child(2) > .text-start.prose > .link
Accessible nameShop Collared Shirt
Markup
<a href="/collections/the-collared-shirt" class="link" aco-visited="true">Shop Collared Shirt</a>
Component · Ref R4694K
Affected pagehttps://shopnoble.com/
Element.slideshow__slide[media-type="image"][role="group"]:nth-child(1) > .content-over-media--lg.content-over-media > .slideshow__slide-content.place-self-end.text-end > .prose > .button-group.justify-end.sm\:justify-end > .button--outline.button
Accessible nameRESTOCK: WAFFLE COLLECTION
Markup
<a class="button button--outline" style="--button-background: 255 255 255;--button-outline-color: 255 255 255;--button-text-color: 0 0 0;" href="/collections/noble-adult-waffles" aco-visited="true">RESTOCK: WAFFLE COLLECTION</a>
Component · Ref 99O3AP
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Elementh2:nth-child(8) > strong > span
Accessible name1. SUSTAINABLE WASHCLOTH
Markup
<span style="color: #bf9000;">
Component · Ref 6US5HY
Affected pagehttps://shopnoble.com/cart
Elementa[href$="all"]
Accessible nameContinue shopping
Markup
<a class="button" href="/collections/all" aco-visited="true">Continue shopping</a>
Component · Ref IA53PQ
Affected pagehttps://shopnoble.com/
Element.scrolling-content__item:nth-child(1) > .scrolling-content__text.heading > strong
Accessible nameMade in Peru w/ Organic Cotton
Markup
<strong>Made in Peru w/ Organic Cotton</strong>
Component · Ref 6WTY4V
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.text-subdued.h6 > time
Accessible nameJan 4, 2017
Markup
<time>Jan 4, 2017</time>
Component · Ref 5K1K3W
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Element.align-self-start > .button[type="submit"]
Accessible nameSubmit
Markup
<button type="submit" class="button">

Showing 25 representative examples · 10 more affected elements not shown

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 1DZKVJ
Affected pagehttps://shopnoble.com/blogs/news/4-beauty-products-to-swap-asap
Elementdiv#loop-manager > dialog > div > div:nth-of-type(2) > p:nth-of-type(1)
Accessible nameBy paying now on your order, you will qualify for a return at no extra cost, allowing you to maximize your return by avoiding higher return handling and shipping fees.
Markup
<p>By paying  now on your order, you will qualify for a return at no extra cost, allowing you to maximize your return by avoiding higher return handling and shipping fees.</p>
Affected pages/ /blogs/news/4-beauty-products-to-swap-asap /products/gift-card /pages/sign-up /cart
Low

Touch targets are too small

WCAG 2.5.8 (AA)2 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 <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 2 affected elements
Component · Ref DYML5T
Affected pagehttps://shopnoble.com/
Element.page-dots--autoplay > .tap-area[aria-current="false"]
Accessible nameGo to item 1
Markup
<button class="tap-area" aria-current="true">

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.