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

Accessibility issues detected on perccoffee.com

Evolize inspected 5 public pages on perccoffee.com and detected 54 automatically identifiable accessibility findings.

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

Highest detected severity: Critical · 32 high-priority findings · 100% inspected-page coverage

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/39 findings detected
Most represented WCAG criterionWCAG 2.4.4 — Link Purpose (In Context)14 detected findings

Is perccoffee.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 perccoffee.com and detected 54 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 39 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. Critical

    Buttons have no accessible name

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

    Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

    Recommended action

    Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

    View technical evidence →
  2. Critical

    Buttons have no accessible name

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

    Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

    Recommended action

    Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

    View technical evidence →
  3. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 2 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to https://www.instagram.com/perccoffeeroasters.

    View technical evidence →
  4. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 2 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to https://www.instagram.com/perccoffeeroasters.

    View technical evidence →
  5. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 2 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /pages/story.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
2.4.4Link Purpose (In Context)A1444 / 5
1.4.3Contrast (Minimum)AA1355 / 5
2.4.3Focus OrderA1144 / 5
1.3.1Info and RelationshipsA844 / 5
1.1.1Non-text ContentA544 / 5
4.1.2Name, Role, ValueA344 / 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

Critical

Buttons have no accessible name

WCAG 4.1.2 (A)16 instances4 inspected pages

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Why it matters

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Recommended correction

Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

View 16 affected elements
Component · Ref 2V658U
Affected pagehttps://perccoffee.com/pages/signup
Elementaccounts-everywhere,#for-you-collections > .cr-c > .ar-r.ar
Markup
<button class="ar ar-r" disabled=""><i class="fak fa-chevron-right"></i></button>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref OLGU2C
Affected pagehttps://perccoffee.com/cart
Elementaccounts-everywhere,#recently-viewed > .cr-c > .ar-l.ar
Markup
<button class="ar ar-l" disabled=""><i class="fak fa-chevron-left"></i></button>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)71 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 71 affected elements
Component · Ref EI2S0M
Affected pagehttps://perccoffee.com/
Elementa[href$="refund-policy"]
Accessible nameRefund policy
Markup
<a href="/policies/refund-policy" class="footer-utilities__text">Refund policy</a>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref Q3MMLC
Affected pagehttps://perccoffee.com/pages/signup
Element.skip-to-content-link
Accessible nameSkip to content
Markup
<a class="skip-to-content-link button-secondary" href="#MainContent">
  Skip to content
</a>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref MTAAQQ
Affected pagehttps://perccoffee.com/pages/signup
Elementa[title=""]
Accessible namePERC COFFEE
Markup
<a href="/" title="">PERC COFFEE</a>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref IB9RAD
Affected pagehttps://perccoffee.com/cart
Element.footer-utilities__group-copyright > .footer-utilities__text
Accessible name© 2026 PERC COFFEE
Markup
<span class="footer-utilities__text">
    © 2026
    <a href="/" title="">PERC COFFEE</a>
  </span>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref KVK8L3
Affected pagehttps://perccoffee.com/
Element.text-center.text-block--align-center[data-product-id="10321578721594"] > div[ref="priceContainer"] > .price
Accessible name$34.00
Markup
<span class="price">$34.00</span>
Affected pages/ /cart
Component · Ref FK0K85
Affected pagehttps://perccoffee.com/
Element.button-secondary--AYVp1MTA5cDQ5MzFrS__button_kGEw8z
Accessible nameTHE TEAM
Markup
<a href="/pages/team" class="
    size-style
    button-secondary
    button-secondary--AYVp1MTA5cDQ5MzFrS__button_kGEw8z
  " style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;">
  THE TEAM
</a>
Component · Ref NNNFWL
Affected pagehttps://perccoffee.com/
Element.text-block--AVVZRN2MvTVZpU0RnN__text_HYVmYJ > h6
Accessible nameWe're a BUNCH OF down to earth coffee people!
Markup
<h6>We're a BUNCH OF down to earth coffee people!</h6>
Component · Ref MTAAOV
Affected pagehttps://perccoffee.com/cart
Elementp > a[href$="customerhub#account"]
Accessible nameLog in
Markup
<a href="/a/customerhub#account" data-original-href="https://perccoffee.com/customer_authentication/redirect?locale=en&amp;region_country=US" style="transition: none;">Log in</a>
Component · Ref PL78YJ
Affected pagehttps://perccoffee.com/cart
Element.link
Accessible nameView all
Markup
<a href="/collections/all" class="
    size-style
    link
    link--AcTV3TGh0NXZ3dDMwW__product_list_button_76xpt8
  " style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;">
  View all
</a>
Component · Ref XRMBSK
Affected pagehttps://account.perccoffee.com/authentication/login?_s=6503ca07-f75d-4d03-a060-a5aa48d3eb6b&_y=51997b6a-d57d-49b2-a625-170535d7bd93&analytics_trace_id=1bb0ebea-c758-438e-9311-ead0da51bf73&client_id=bf53f2f8-57ab-4f20-8b37-ccbdab726d09&locale=en&redirect_uri=%2Fauthentication%2Foauth%2Fauthorize%3F_cs%3D%26_s%3D6503ca07-f75d-4d03-a060-a5aa48d3eb6b%26_y%3D51997b6a-d57d-49b2-a625-170535d7bd93%26analytics_trace_id%3D1bb0ebea-c758-438e-9311-ead0da51bf73%26buyer_flags%3DeyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJwZXJjLXdlYnN0b3JlLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc4OTQ4MjIwMiwibmJmIjoxNzg4ODc3NDAyfQ.HA05syoY4u1dnpYf853K6xDar8RaKCyvOCHo6MsBnCs%26client_id%3Dbf53f2f8-57ab-4f20-8b37-ccbdab726d09%26locale%3Den%26nonce%3Daeb0b233-2b1e-4366-98d8-e96ce151c506%26redirect_uri%3Dhttps%253A%252F%252Fperccoffee.com%252Fcustomer_authentication%252Fcallback%26region_country%3DUS%26response_type%3Dcode%26scope%3Dopenid%2Bemail%2Bcustomer-account-api%26state%3DhWNGb5LwizGcD0YDf7OjmkmP&region_country=US&ui_hint=full
Element._1fragemq4 > ._1m2hr9g1l._1m2hr9g1h._1m2hr9gm > ._1m2hr9gz._1m2hr9gy._1m2hr9gv
Accessible namePrivacy policy
Markup
<span class="_1m2hr9gz _1m2hr9gy _1fragem11y _1fragem12h _1fragem12b _1fragem12o _1m2hr9gv _1m2hr9gt _1fragem64 _1fragembj _1fragem122">Privacy policy</span>
Component · Ref TL7SOS
Affected pagehttps://perccoffee.com/cart
Element.text-block--AR0RFVlNqMTA0dVIxU__product_title_Ygnnee-7 > p
Accessible nameColombia Franky Hoyos Adv Natural
Markup
<p>Colombia Franky Hoyos Adv Natural</p>
Affected pages/ /cart
Component · Ref 8O63PA
Affected pagehttps://perccoffee.com/
Element.menu-list__link[aria-haspopup="true"][href$="all"] > .menu-list__link-title
Accessible nameSHOP
Markup
<span class="menu-list__link-title">SHOP</span>
Component · Ref 9WH8T2
Affected pagehttps://perccoffee.com/
Elementshopify-chat,.activator__label
Markup
<span class="activator__label">Need help?</span>
High

ARIA role is missing its required parent

WCAG 1.3.1 (A)20 instances4 inspected pages

An element with an ARIA role is not inside the container role it requires, so the relationship is lost.

Why it matters

An element with an ARIA role is not inside the container role it requires, so the relationship is lost.

Recommended correction

Place the element inside its required parent role (e.g. option must be within listbox).

View 20 affected elements
Component · Ref RHVEIM
Affected pagehttps://perccoffee.com/cart
Element.menu-list__link[aria-haspopup="true"][href$="seed-to-cup"]
Accessible nameLEARN
Rolemenuitem
Markup
<a role="menuitem" aria-haspopup="true" href="/pages/seed-to-cup" class="menu-list__link">
        <span class="menu-list__link-title">LEARN</span>
      </a>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref WGYZYJ
Affected pagehttps://perccoffee.com/pages/signup
Element.menu-list__link.button-unstyled.button
Accessible nameMore
Rolemenuitem
Markup
<button role="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">More</span>
    </button>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)40 instances4 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 40 affected elements
Component · Ref W16TGT
Affected pagehttps://perccoffee.com/pages/signup
Elementdiv > div > div:nth-of-type(2) > header-actions > dialog-component > button
Accessible nameAccount
Markup
<button class="account-button header-actions__action" on:click="/showDialog">
  <span class="visually-hidden">
    Account
  </span><span class="account-button__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"></p…
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref 1P8QBE
Affected pagehttps://perccoffee.com/pages/signup
Elementdiv > div > nav > ul > li:nth-of-type(1) > a
Accessible nameOrders
Markup
<a href="/a/customerhub#account" class="account-actions__link button-secondary" data-original-href="https://perccoffee.com/account" style="transition: none;">
            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"…
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref 3KE5Z5
Affected pagehttps://perccoffee.com/pages/signup
Elementdiv > nav > div > overflow-list > li:nth-of-type(5) > button
Accessible nameMore
Rolemenuitem
Markup
<button role="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">More</span>
    </button>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref X8Z2AH
Affected pagehttps://perccoffee.com/cart
Elementdialog-component > dialog > div > div > div > a
Accessible nameOther sign in options Sign in
Markup
<a href="/a/customerhub#account" class="account-actions__link button" autofocus="" data-original-href="https://perccoffee.com/customer_authentication/login?return_to=%2Fcart&amp;locale=en&amp;ui_hint=full&amp;region_country=US" style="transition: none;">
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref YA02YZ
Affected pagehttps://perccoffee.com/pages/signup
Elementheader-component#header-component > div > div > div:nth-of-type(1) > search-button > button
Accessible nameSearch
Markup
<button on:click="#search-modal/showDialog" class="button button-unstyled search-modal__button header-actions__action" name="Search">
      <span aria-hidden="true" class="svg-wrapper">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"></path></svg>

      </span>
      <span class="visually-hidden">Search</span>
    </button>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref Y9FYYO
Affected pagehttps://perccoffee.com/cart
Elementdiv > div:nth-of-type(2) > header-actions > dialog-component > dialog > button
Accessible nameClose dialog
Markup
<button ref="closeButton" on:click="/closeDialog" class="button button-unstyled account-drawer__close-button" aria-label="Close dialog">
      <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
    </button>
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref RTM7PF
Affected pagehttps://perccoffee.com/pages/signup
Elementdiv#predictive-search-products > ul > li:nth-of-type(1) > product-card-link > a
Accessible namePERC Angle Mug $24.00 USD
Markup
<a class="resource-card" href="/products/perc-angle-mug" data-resource-type="product">
  <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" data-view-transition-to-main-product="">
<img alt="PERC Angle Mug" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" src="//perccoffee.com/cdn/shop/files/PERC_MainstayMug_Shop2_2026.png?v=1782756282&amp;width=500" srcset="//perccoffee.com/cdn/shop/files/PERC_MainstayMug_Shop2_2026.png?v=1782756282&amp;width=352 352w, //perccoffee.com/cdn/shop/files/PERC_MainstayMug_Shop2…
Affected pages/en-ca/pages/signup /pages/signup
Component · Ref 79D9Y1
Affected pagehttps://perccoffee.com/pages/signup
Elementinput#cmdk-input
Rolecombobox
Markup
<input class="search-input" id="cmdk-input" type="search" name="q" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocomplete="off" placeholder="Search" ref="searchInput" on:input="/search" on:keydown="/onSearchKeyDown" on:focus="/expandSearch">
Affected pages/en-ca/pages/signup /pages/signup
Component · Ref VLI7AX
Affected pagehttps://perccoffee.com/
Elementdiv:nth-of-type(2) > div > slideshow-component > slideshow-container > slideshow-arrows > button:nth-of-type(2)
Accessible nameNext slide
Markup
<button class="
    slideshow-control slideshow-control--next
    
    slideshow-control--shape-none
    slideshow-control--style-arrow
    button
     button-unstyled button-unstyled--transparent
    
  " aria-label="Next slide" on:click="/next" ref="next">
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"></path></svg>
</span>
</button>
Affected pages/ /cart
Component · Ref 9GRBMO
Affected pagehttps://perccoffee.com/
Elementdiv#shopify-section-template--27155071762746__media_with_content_tx4GQT > div:nth-of-type(2) > div:nth-of-type(1) > a
Markup
<a href="/products/outpost-coffee" class="media-block__media-link">
        
      
        

  
  
  

  

  
  

  <img src="//perccoffee.com/cdn/shop/files/PERC_Outpost_10_2026.png?height=2400&amp;v=1788523764" alt="" width="3000" height="2400" class="media-block__media border-style" srcset="//perccoffee.com/cdn/shop/files/PERC_Outpost_10_2026.png?height=2400&amp;v=1788523764 1x, //perccoffee.com/cdn/shop/files/PERC_Outpost_10_2026.png?height=4800&amp;v=1788523764 2x, //perccoffee.com/cdn/shop/files/PERC_Outpost_10_2026.png?height=5760&amp;v=1788523764 3x" style="">


      
    
      </a>
Component · Ref Y449FU
Affected pagehttps://perccoffee.com/cart
Elementa#fc2d1e9b77de001ec5c51b1144bcfa33
Accessible nameEthiopia Chelchele $33.00 Ethiopia Chelchele $33.00
Markup
<a id="fc2d1e9b77de001ec5c51b1144bcfa33" href="/products/ethiopia-chelchele-1?variant=53807658991930" on:click="/navigateToProduct" class="
      layout-panel-flex
      layout-panel-flex--column
      product-card__link
      product-grid__link
      spacing-style
      border-style
      gap-style
      
    " style="
      --border-width: 1px; --border-style: none; --border-color: rgba(from
var(--color-border) r g b / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap;




--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      …
High

Images lack text alternatives

WCAG 1.1.1 (A)8 instances4 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 X2MNHB
Affected pagehttps://perccoffee.com/pages/signup
Element.hero__image
Markup
<img src="//perccoffee.com/cdn..." srcset="//perccoffee.com/cdn..." width="3000" height="204" class="hero__image" sizes="(min-width: 750px) 1..." style="object-position:0.33...">
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref QLB75P
Affected pagehttps://perccoffee.com/
Element#Hero-sections--27155067011386__hero_6b3R9R > .hero__container.section--full-width.section > .hero__media-wrapper > .hero__image[height="204"][width="3000"]
Markup
<img src="//perccoffee.com/cdn..." srcset="//perccoffee.com/cdn..." width="3000" height="204" class="hero__image" sizes="(min-width: 750px) 1..." style="object-position:0.33...">
Component · Ref G52E3E
Affected pagehttps://perccoffee.com/
Elementimg[width="9984"]
Markup
<img src="//perccoffee.com/cdn..." srcset="//perccoffee.com/cdn..." width="9984" height="678" loading="lazy" class="hero__image" sizes="(min-width: 750px) 1...">
High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)10 instances2 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 10 affected elements
Component · Ref BWASGQ
Affected pagehttps://perccoffee.com/cart
Element.resource-list__slide:nth-child(8)
Accessible nameColombia Franky Hoyos Adv Natural $34.00 Colombia Franky Hoyos Adv Natural $34.00
Markup
<slideshow-slide ref="slides[]" aria-hidden="true" style="view-timeline-name: --slide-7; --product-media-fit: cover;" class="resource-list__slide">
Affected pages/ /cart
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)16 instances4 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 16 affected elements
Component · Ref 72VVMX
Affected pagehttps://perccoffee.com/pages/signup
Elementheader-actions > details > floating-panel-component > div > div > nav
Accessible nameOrders Profile
Markup
<nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a href="/a/customerhub#account" class="account-actions__link button-secondary" data-original-href="https://perccoffee.com/account" style="transition: none;">
            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.…
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref 6H1B36
Affected pagehttps://perccoffee.com/cart
Elementheader-actions > dialog-component > dialog > div > div > nav
Accessible nameOrders Profile
Markup
<nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a href="/a/customerhub#account" class="account-actions__link button-secondary" data-original-href="https://perccoffee.com/account" style="transition: none;">
            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.…
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref EH1AKS
Affected pagehttps://perccoffee.com/
Elementdetails#Details-menu-drawer-container > div:nth-of-type(1) > nav
Accessible nameSHOP ALL COFFEE SUBSCRIBE MERCH BREW GEAR GIFT CARDS LOCATIONS ALL PERCSHOP EAST LAKE VAHI GRANT PARK TUCKER CHASTAIN ABOUT STORY TEAM WHOLESALE CAREERS LEARN SEED TO CUP THE VIBES PRO TIPS BREW GUIDES GRIND SIZE BREW APP
Markup
<nav class="menu-drawer__navigation" style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 2rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-…
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref DPIVOK
Affected pagehttps://perccoffee.com/
Elementdiv > div > div:nth-of-type(1) > header-menu > div > nav
Accessible nameSHOP ALL COFFEE SUBSCRIBE MERCH BREW GEAR GIFT CARDS [data-menu-grid-id="MegaMenuList-1"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-1"] { --menu-columns-desktop: 3; --menu-columns-tablet: 1; } Colombia Oswaldo Toro $37.00 USD Colombia Wilder Lazo Sidra $42.00 USD Outpost Coffee $33.00 USD LOCATIONS ALL PERCSHOP EAST LAKE VAHI GRANT PARK TUCKER CHASTAIN [data-menu-grid-id="MegaMenuList-2"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-2"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } ABOUT STORY TEAM WHOLESALE CAREERS [data-menu-grid-id="MegaMenuList-3"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-3"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } LEARN SEED TO CUP THE VIBES PRO TIPS BREW GUIDES GRIND SIZE BREW APP [data-menu-grid-id="MegaMenuList-4"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-4"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } More
Markup
<nav header-menu="">
  <div class="menu-list" style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 2rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground);
">
    
    <overflow-list class="overflow-menu color-scheme-matches-parent" minimum-items="2" style="--overflow-coun…
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Medium

List markup is malformed

WCAG 1.3.1 (A)4 instances4 inspected pages

A list contains elements other than the list items it should, breaking its structure.

Why it matters

A list contains elements other than the list items it should, breaking its structure.

Recommended correction

Ensure <ul>/<ol> contain only <li> (plus <script>/<template>) as direct children.

View 4 affected elements
Component · Ref CBHRJ9
Affected pagehttps://perccoffee.com/pages/signup
Elementoverflow-list,ul[part="list"]
Accessible nameSHOP ALL COFFEE SUBSCRIBE MERCH BREW GEAR GIFT CARDS [data-menu-grid-id="MegaMenuList-1"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-1"] { --menu-columns-desktop: 3; --menu-columns-tablet: 1; } Colombia Oswaldo Toro $37.00 USD Colombia Wilder Lazo Sidra $42.00 USD Outpost Coffee $33.00 USD LOCATIONS ALL PERCSHOP EAST LAKE VAHI GRANT PARK TUCKER CHASTAIN [data-menu-grid-id="MegaMenuList-2"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-2"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } ABOUT STORY TEAM WHOLESALE CAREERS [data-menu-grid-id="MegaMenuList-3"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-3"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } LEARN SEED TO CUP THE VIBES PRO TIPS BREW GUIDES GRIND SIZE BREW APP [data-menu-grid-id="MegaMenuList-4"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } [data-menu-list-id="MegaMenuList-4"] { --menu-columns-desktop: 6; --menu-columns-tablet: 4; } More
Markup
<ul part="list" style="height: 49.4219px; counter-reset: overflow-count 0;">
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Medium

Page has no level-one heading

WCAG 1.3.1 (A)3 instances3 inspected pages

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Why it matters

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Recommended correction

Add a single descriptive <h1> that names the page's primary purpose.

View 3 affected elements
Component · Ref GSK5WU
Affected pagehttps://perccoffee.com/pages/signup
Elementhtml > body
Accessible nameSkip to content @font-face { font-family: 'Ambit Bold (BODY)'; src: url(https://cdn.shopify.com/s/files/1/0676/6932/8186/files/Ambit_Bold_copy.otf?v=1748465304) format('opentype'); font-style: ; font-weight: ; } h3{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } h4{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } h6{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } p{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } a{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } input{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } label{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } legend{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } button{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } summary{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } select{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } option{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } small{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } span{ font-family: 'Ambit Bold (BODY)' !important; font-weight: normal !important; } @font-face { font-family: 'PERC Chonky Boi'; src: url(https://cdn.shopify.com/s/files/1/0676/6932/8186/files/PERCChonki_2.0.otf?v=1763571963) format('opentype'); font-style: ; font-weight: ; } h1{ font-family: 'PERC Chonky Boi' !important; font-weight: normal !important; } h2{ font-family: 'PERC Chonky Boi' !important; font-weight: normal !important; } h4{ font-family: 'PERC Chonky Boi' !important; font-weight: normal !important; } input{ font-family: 'PERC Chonky Boi' !important; font-weight: normal !important; } label{ font-family: 'PERC Chonky Boi' !important; font-weight: normal !important; } .jumbo-text-char-inner{ font-family: 'PERC Chonky Boi' !important; font-weight: normal !important; } @font-face { font-family: 'Poppins Extra Bold'; src: url(https://cdn.shopify.com/s/files/1/0676/6932/8186/files/Poppins-ExtraBold.ttf?v=1753301313) format('truetype'); font-style: ; } h3{ font-family: 'Poppins Extra Bold' !important; font-weight: none !important; } p{ font-family: 'Poppins Extra Bold' !important; font-weight: none !important; } @font-face { font-family: 'Domus - Body'; src: url(https://cdn.shopify.com/s/files/1/0676/6932/8186/files/domus-bold.otf?v=1749049138) format('opentype'); font-style: ; font-weight: ; } h5{ font-family: 'Domus - Body' !important; font-weight: normal !important; } @font-face { font-family: 'Box Pot'; src: url(https://cdn.shopify.com/s/files/1/0676/6932/8186/files/boxpot1.ttf?v=1769791446) format('truetype'); font-style: ; font-weight: ; } JOIN TEAM PERC! { "@context": "http://s…[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="page-width-normal card-hover-effect-none" style="--header-height: 127.375px; --header-group-height: 168px;" data-upcart-cart-enabled="true">
    
<a class="skip-to-content-link button-secondary" href="#MainContent">
  Skip to content
</a>


<div id="shopify-section-websensepro-custom-font" class="shopify-section">
  <style data-custom-fonts="">
       

         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
      
      
      
      
      
      
      


         

         …
Affected pages/ /en-ca/pages/signup /pages/signup
Low

Low-quality alternative text

WCAG 1.1.1 (A)38 instances4 inspected pages

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Why it matters

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Recommended correction

Replace placeholder or filename alt text with a concise description of what the image conveys.

View 38 affected elements
Component · Ref R97C81
Affected pagehttps://perccoffee.com/cart
Elementul > li:nth-of-type(1) > product-card-link > a > div:nth-of-type(1) > img
Markup
<img src="//perccoffee.com/cdn/shop/files/PERC_ColombiaOswaldoToro_Shop1_2026.png?v=1787166592&amp;width=300" alt="Colombia Oswaldo Toro" srcset="//perccoffee.com/cdn/shop/files/PERC_ColombiaOswaldoToro_Shop1_2026.png?v=1787166592&amp;width=300 300w" width="300" height="300" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true">
Affected pages/ /en-ca/pages/signup /pages/signup /cart
Component · Ref XDW5EN
Affected pagehttps://perccoffee.com/cart
Elementspan > li:nth-of-type(3) > product-card-link > a > div:nth-of-type(1) > img:nth-of-type(2)
Markup
<img src="//perccoffee.com/cdn/shop/files/PERC_Outpost_Shop2_2026.png?v=1782752075&amp;width=300" alt="Outpost Coffee" srcset="//perccoffee.com/cdn/shop/files/PERC_Outpost_Shop2_2026.png?v=1782752075&amp;width=300 300w" width="300" height="300" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="true" style="object-position:49.902% 18.555%;">
Affected pages/ /en-ca/pages/signup /pages/signup /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.

ACTIVATE MONITORINGSEE PRICING

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