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

Accessibility issues detected on piercedco.com

Evolize inspected 5 public pages on piercedco.com and detected 35 automatically identifiable accessibility findings.

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

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

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

Is piercedco.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 piercedco.com and detected 35 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 17 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 · 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 →
  3. 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 →
  4. High

    Elements must only use supported ARIA attributes

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

    Elements must only use supported ARIA attributes

    Recommended action

    Review the affected element and correct the reported accessibility issue.

    View technical evidence →
  5. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 1 inspected page · 1 instance
    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 →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA2144 / 5
1.2.2Captions (Prerecorded)A433 / 5
2.4.3Focus OrderA355 / 5
4.1.2Name, Role, ValueA322 / 5
1.1.1Non-text ContentA111 / 5
1.3.1Info and RelationshipsA155 / 5
1.3.5Identify Input PurposeAA111 / 5
2.1.1KeyboardA111 / 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 C2FX2E
Affected pagehttps://www.piercedco.com/account/login
Elementhtml > body > a
Accessible nameSkip to content
Markup
<a class="skip-link" href="#MainContent">Skip to content</a>
Affected pages/ /account/login /products/butterflies /products/heart-duo /pages/sms-signup
Component · Ref KYBSTE
Affected pagehttps://www.piercedco.com/pages/sms-signup
Elementa#notepad-anchor-title
Accessible nameMy Wishlist
Markup
<a href="#swym-wishlist" class="swym-background-color" id="notepad-anchor-title" aria-label="My Wishlist" data-swym-loaded="true"><i class="swym-icon swym-notepad-white"></i>My Wishlist</a>
Affected pages/ /account/login /products/butterflies /products/heart-duo /pages/sms-signup
Component · Ref IPV65N
Affected pagehttps://www.piercedco.com/products/butterflies
Elementdiv#menu0 > ul > li:nth-of-type(4) > div > a
Accessible nameHobbies
Markup
<a href="/collections/hobbies" class="block h-full w-full"><div class="">
        <img src="//www.piercedco.com/cdn/shop/collections/HobbiesGroup_WEB.jpg?v=1783391838&amp;width=3000" alt="Hobbies" srcset="//www.piercedco.com/cdn/shop/collections/HobbiesGroup_WEB.jpg?v=1783391838&amp;width=200 200w, //www.piercedco.com/cdn/shop/collections/HobbiesGroup_WEB.jpg?v=1783391838&amp;width=350 350w, //www.piercedco.com/cdn/shop/collections/HobbiesGroup_WEB.jpg?v=1783391838&amp;width=450 450w, //www.piercedco.com/cdn/shop/collections/HobbiesGroup_WEB.jpg?v=1783391838&amp;width=750 750w, //www.piercedco…
Affected pages/ /account/login /products/butterflies /products/heart-duo /pages/sms-signup
High

Elements must only use supported ARIA attributes

WCAG 4.1.2 (A)2 instances2 inspected pages

Elements must only use supported ARIA attributes

Why it matters

Elements must only use supported ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 2 affected elements
Component · Ref MTN5X0
Affected pagehttps://www.piercedco.com/products/butterflies
Element#slideshow-thumbnails-template--20398510276779__main-list
Accessible nameClassic Butterflies
Rolepresentation
Markup
<ul class="w-full splide__list h-full gap-2.5" id="slideshow-thumbnails-template--20398510276779__main-list" role="presentation" aria-orientation="vertical" style="transform: translateY(0px);">
Affected pages/products/butterflies /products/heart-duo
High

autocomplete attribute must be used correctly

WCAG 1.3.5 (AA)1 instance1 inspected page

autocomplete attribute must be used correctly

Why it matters

autocomplete attribute must be used correctly

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref PZ2S8H
Affected pagehttps://www.piercedco.com/account/login
Element#CustomerPassword
Markup
<input type="password" name="customer[password]" id="CustomerPassword" autocomplete="password" class="w-full ">
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)1 instance1 inspected page

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 1 affected element
Component · Ref 82M497
Affected pagehttps://www.piercedco.com/products/butterflies
Elementa#more-payment-options-link
Accessible nameMore payment options
Rolelink
Markup
<a class="shopify-payment-button__more-options" id="more-payment-options-link" role="link" aria-disabled="true">More payment options</a>
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 FA41YT
Affected pagehttps://www.piercedco.com/
Elementvideo > img
Markup
<img src="//www.piercedco.com/cdn/shop/files/preview_images/b89b66594a054c07a2feec84bb1aaa83.thumbnail.0000000000_2000x.jpg?v=1782881829">
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 PFRK2P
Affected pagehttps://www.piercedco.com/products/heart-duo
Elementli#a11y-refresh-page-message
Accessible nameChoosing a selection results in a full page refresh.
Markup
<li id="a11y-refresh-page-message">
        Choosing a selection results in a full page refresh.
      </li>
Affected pages/ /account/login /products/butterflies /products/heart-duo /pages/sms-signup
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)41 instances4 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 41 affected elements
Component · Ref LGNG4Q
Affected pagehttps://www.piercedco.com/
Element.mx-auto > .section-content.mx-auto.z-10 > .heading-standard.inline-heading-rte.heading-style
Accessible nameJOIN THE PIERCED VIP LIST
Markup
<h2 class="inline-heading-rte font-heading heading-standard  heading-style break-words text-center drop_shadow">
            JOIN THE PIERCED VIP LIST
          </h2>
Affected pages/ /products/butterflies /products/heart-duo
Component · Ref TYEOQ
Affected pagehttps://www.piercedco.com/products/butterflies
Element#Subscribe-template--20398510276779__newsletter_G3Ctbq > .push-btn__surface.w-full
Accessible nameSubscribe
Markup
<span class="push-btn__surface w-full">Subscribe</span>
Affected pages/ /products/butterflies /products/heart-duo
Component · Ref IF37X0
Affected pagehttps://www.piercedco.com/products/heart-duo
Element#NewsletterForm-template--20398510276779__newsletter_G3Ctbq
Markup
<input id="NewsletterForm-templ..." type="email" name="contact[email]" class="input-group-field w-..." value="" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="[email removed]" required="">
Affected pages/products/butterflies /products/heart-duo
Component · Ref YER31F
Affected pagehttps://www.piercedco.com/products/heart-duo
Element.section-content.mx-auto.z-10 > .leading-snug.rte.mt-5 > p
Accessible nameReceive special offers and first look at new products.
Markup
<p>Receive special offers and first look at new products.</p>
Affected pages/products/butterflies /products/heart-duo
Component · Ref 0E13ZF
Affected pagehttps://www.piercedco.com/
Element#slideshow-template--20398509981867__testimonials_qtfL4L-clone08 > div > .text-center > blockquote > footer
Accessible nameAbigail S.
Markup
<footer class="font-heading mt-5 break-words">
                        Abigail S.
                      </footer>
Component · Ref 33QKQC
Affected pagehttps://www.piercedco.com/
Element#slideshow-template--20398509981867__testimonials_qtfL4L-slide01 > div > .text-center > blockquote > .tracking-rating.mb-5.block
Accessible name★★★★★
Markup
<span class="mb-5 block text-center tracking-rating">★★★★★</span>
Component · Ref 85ROPK
Affected pagehttps://www.piercedco.com/
Element#slideshow-template--20398509981867__testimonials_qtfL4L-clone08 > div > .text-center > blockquote > .inline-rte.font-body.text-base
Accessible name"Obsessed is an understatement. We are so thankful for Pierced. No more lost earrings due to the screw post. The quality is amazing. My girls look forward to this surprise every month!"
Markup
<div class="inline-rte font-body text-base">
                      "Obsessed is an understatement. We are so thankful for Pierced. No more lost earrings due to the screw post. The quality is amazing. My girls look forward to this surprise every month!"
                    </div>
Component · Ref KL3XHM
Affected pagehttps://www.piercedco.com/account/login
Element#CustomerPassword
Markup
<input type="password" name="customer[password]" id="CustomerPassword" autocomplete="password" class="w-full ">
Component · Ref JXSS0W
Affected pagehttps://www.piercedco.com/account/login
Elementlabel[for="CustomerPassword"]
Accessible namePassword
Markup
<label class="font-secondary mb-1 mt-5 block text-left text-sm" for="CustomerPassword">
              Password
            </label>
Component · Ref DCAS6J
Affected pagehttps://www.piercedco.com/account/login
Element.mt-5.text-center > .block[href="/"]
Accessible nameReturn to Store
Markup
<a class="block text-sm" href="/">Return to Store</a>
Component · Ref ELXZM6
Affected pagehttps://www.piercedco.com/
Element.break-words > .inline-rte.mt-5
Accessible nameFRESH EARRINGS. EVERY MONTH. ZERO IRRITATION.
Markup
<div class="inline-rte  mt-5">
          FRESH EARRINGS. EVERY MONTH. ZERO IRRITATION.
        </div>
Component · Ref 5U5YWJ
Affected pagehttps://www.piercedco.com/
Element#NewsletterForm-template--20398509981867__newsletter
Markup
<input id="NewsletterForm-template--20398509981867__newsletter" type="email" name="contact[email]" class="input-group-field w-full placeholder:text-scheme-text  border-scheme-text" value="" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="[email removed]" required="">
Component · Ref HE4OM4
Affected pagehttps://www.piercedco.com/account/login
Element.mt-5:nth-child(8) > .push-btn.w-full[type="submit"] > .push-btn__surface.w-full
Accessible nameSign In
Markup
<span class="push-btn__surface w-full">Sign In</span>
Component · Ref XZMZCQ
Affected pagehttps://www.piercedco.com/
Element#sticker-text-sticker_M9qNxN > div
Accessible nameSTART MY SPARKLE
Markup
<div>START MY SPARKLE</div>
Component · Ref M1BUJV
Affected pagehttps://www.piercedco.com/
Element.leading-snug > p
Accessible nameCUTE DELIVERED STRAIGHT TO YOUR INBOX
Markup
<p>CUTE DELIVERED STRAIGHT TO YOUR INBOX</p>
Component · Ref IZHR3B
Affected pagehttps://www.piercedco.com/account/login
Elementh1
Accessible nameLogin
Markup
<h1 class="font-heading heading-standard mb-2.5" tabindex="-1" data-should-focus="">
              Login
            </h1>
Component · Ref XRJ8QI
Affected pagehttps://www.piercedco.com/account/login
Elementh5
Accessible nameNeed help accessing your subscriptions?
Markup
<h5>Need help accessing your subscriptions?</h5>
Component · Ref SXPR3N
Affected pagehttps://www.piercedco.com/account/login
Element.link
Accessible nameClick here
Markup
<a class="link link--underline" href="/a/subscriptions/login">Click here</a>
Component · Ref HDJCHX
Affected pagehttps://www.piercedco.com/
Element.break-words > .heading-standard.inline-heading-rte.heading-style
Accessible nameTHE MONTHLY PIERCED™ BOX
Markup
<h2 class="inline-heading-rte font-heading  heading-standard heading-style drop_shadow">
          THE MONTHLY PIERCED™ BOX
        </h2>
Component · Ref H8KE9O
Affected pagehttps://www.piercedco.com/account/login
Element.font-secondary[href$="register"]
Accessible nameCreate account
Markup
<a class="font-secondary  text-sm" href="/account/register">Create account</a>
Component · Ref XW9EZ2
Affected pagehttps://www.piercedco.com/account/login
Elementbutton[\@click="state = 'recover'"] > span
Accessible nameForgot your password?
Markup
<span class="text-sm">Forgot your password?</span>
Medium

<video> elements must have captions

WCAG 1.2.2 (A)9 instances3 inspected pages

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 9 affected elements
Component · Ref MINKNI
Affected pagehttps://www.piercedco.com/products/butterflies
Elementdiv[data-reel-index="1"] > video
Markup
<video class="ai-video-reel-video-anhf3mekvclbmddvlmaigenblockf51e6c6mdwxy9" src="//www.piercedco.com/cdn/shop/videos/c/vp/56b3e8cae465445dbd6e7a93e63dfa13/56b3e8cae465445dbd6e7a93e63dfa13.HD-1080p-7.2Mbps-90489888.mp4?v=0" playsinline="" muted="" preload="metadata"></video>
Affected pages/products/butterflies /products/heart-duo
Component · Ref D2MKDW
Affected pagehttps://www.piercedco.com/
Elementvideo
Markup
<video playsinline="true" class="w-full absolute inse..." autoplay="autoplay" muted="muted" loop="loop" x-ref="video" preload="metadata" poster="//www.piercedco.com/..." loading="lazy">
Medium

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)4 instances2 inspected pages

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 4 affected elements
Component · Ref 9TS6Y0
Affected pagehttps://www.piercedco.com/products/heart-duo
Element#slideshow-thumbnails-template--20398510276779__main-slide01
Accessible nameGo to slide 1
Markup
<li class="product-thumbnail-li..." data-media-id="30391408099499" :class="{ 'product-thumbnail..." x-ref="firstThumbnail" data-first-thumbnail="" id="slideshow-thumbnails..." aria-roledescription="slide" aria-label="Go to slide 1" aria-current="true" style="margin-bottom: 0.625...">
Affected pages/products/butterflies /products/heart-duo
Low

Video may be missing captions

WCAG 1.2.2 (A)9 instances3 inspected pages

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Why it matters

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Recommended correction

Provide a synchronized captions track (<track kind="captions">) for video with meaningful audio.

View 9 affected elements
Component · Ref VU5HFL
Affected pagehttps://www.piercedco.com/products/butterflies
Elementdiv#shopify-section-template--20398510276779__17793996112d76b3c9 > video-reels-anhf3mekvclbmddvlmaigenblockf51e6c6mdwxy9 > div > div:nth-of-type(3) > video
Markup
<video class="ai-video-reel-video-anhf3mekvclbmddvlmaigenblockf51e6c6mdwxy9" src="//www.piercedco.com/cdn/shop/videos/c/vp/218090332b51497199b0ba4221501eaa/218090332b51497199b0ba4221501eaa.HD-1080p-7.2Mbps-90490362.mp4?v=0" playsinline="" muted="" preload="metadata"></video>
Affected pages/products/butterflies /products/heart-duo
Component · Ref AOA8CF
Affected pagehttps://www.piercedco.com/
Elementdata-island#video-template--20398509981867__video_with_text_overlay_kQhHRC > div:nth-of-type(1) > div > data-island > video
Markup
<video playsinline="true" class="w-full absolute inset-0 w-full h-full object-cover" autoplay="autoplay" muted="muted" loop="loop" x-ref="video" preload="metadata" poster="//www.piercedco.com/cdn/shop/files/preview_images/b89b66594a054c07a2feec84bb1aaa83.thumbnail.0000000000_2000x.jpg?v=1782881829" loading="lazy"><source src="//www.piercedco.com/cdn/shop/videos/c/vp/b89b66594a054c07a2feec84bb1aaa83/b89b66594a054c07a2feec84bb1aaa83.HD-1080p-7.2Mbps-87820116.mp4?v=0" type="video/mp4"><img src="//www.piercedco.com/cdn/shop/files/preview_images/b89b66594a054c07a2feec84bb1aaa83.thumbnail.0000000000…
Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)2 instances2 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 2 affected elements
Component · Ref CRV1Z0
Affected pagehttps://www.piercedco.com/products/heart-duo
Element.product-tabs__tabs
Accessible nameSafety Care Guide Shipping & Returns
Roletablist
Markup
<div class="product-tabs__tabs flex flex-wrap justify-start gap-4 text-center text-scheme-text lg:justify-evenly" role="tablist" aria-labelledby="tablist_product_tabs">
Affected pages/products/butterflies /products/heart-duo

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.