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

Accessibility issues detected on thinkcoffee.com

Evolize inspected 5 public pages on thinkcoffee.com and detected 88 automatically identifiable accessibility findings.

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

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

Most widespread issueARIA command controls lack accessible namesDetected on 5 inspected pages
Most affected page/51 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)36 detected findings

Is thinkcoffee.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 thinkcoffee.com and detected 88 accessibility findings. The most widespread issue was "ARIA command controls lack accessible names", detected on 5 inspected pages. The most affected inspected page was "/", where 51 findings were detected. The assessment identified findings mapped to 10 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

    ARIA command controls lack accessible names

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

    Assistive technologies cannot communicate the purpose of these controls, which may prevent users from operating them reliably.

    Recommended action

    This control is a <div> with role="button" acting as a button. Prefer replacing it with a native <button>, which is focusable and operable by keyboard by default. 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) · 5 inspected pages · 5 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

    Dropdown menus have no accessible name

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

    Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

    Recommended action

    Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

    View technical evidence →
  4. High

    Form fields use placeholder text as the only label

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

    Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

    Recommended action

    Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

    View technical evidence →
  5. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 5 inspected pages · 6 instances
    Why this matters

    Text and background colours do not meet the minimum contrast ratio, reducing legibility.

    Recommended action

    Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3655 / 5
2.1.1KeyboardA2055 / 5
2.4.3Focus OrderA1055 / 5
1.1.1Non-text ContentA855 / 5
1.3.1Info and RelationshipsA655 / 5
4.1.2Name, Role, ValueA555 / 5
1.2.2Captions (Prerecorded)A211 / 5
1.3.5Identify Input PurposeAA111 / 5
2.2.2Pause, Stop, HideA111 / 5
3.3.2Labels or InstructionsA155 / 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

ARIA command controls lack accessible names

WCAG 4.1.2 (A)10 instances5 inspected pages

Assistive technologies cannot communicate the purpose of these controls, which may prevent users from operating them reliably.

Why it matters

Assistive technologies cannot communicate the purpose of these controls, which may prevent users from operating them reliably.

Recommended correction

This control is a <div> with role="button" acting as a button. Prefer replacing it with a native <button>, which is focusable and operable by keyboard by default. 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 10 affected elements
Component · Ref 4UDA6E
Affected pagehttps://thinkcoffee.com/
Element#aa-cc-text_speech > .ada-cc-tooltip-block > .ada-cc-tooltip-container.tooltip-trigger[role="button"]
Rolebutton
Markup
<div role="button" class="ada-cc-tooltip-container tooltip-trigger">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Critical

Buttons have no accessible name

WCAG 4.1.2 (A)5 instances5 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 5 affected elements
Component · Ref 7LLUVV
Affected pagehttps://thinkcoffee.com/account/login
Element#Subscribe-sections--15409891541079__footer
Markup
<button type="submit" class="push-btn push-btn--pop w-full lg:w-auto mt-2.5 lg:mt-0" name="commit" id="Subscribe-sections--15409891541079__footer">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Critical

Dropdown menus have no accessible name

WCAG 4.1.2 (A)1 instance1 inspected page

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Why it matters

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Recommended correction

Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

View 1 affected element
Component · Ref BI70TZ
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Element#\39 3667-select
Accessible nameBusiness Type Coffee Shop Restaurant Grocery/Retail Hotel Office Other
Markup
<select data-searchable="" name="select" id="93667-select" class="classic-input wide" presence="">
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)161 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 161 affected elements
Component · Ref JHRK2D
Affected pagehttps://thinkcoffee.com/pages/contact
Element.lg\:text-base.text-base.flex-shrink-0:nth-child(1)
Accessible nameFREE SHIPPING OVER $40
Markup
<span class=" flex-shrink-0  text-base lg:text-base ">FREE SHIPPING OVER $40</span>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref 5XU66O
Affected pagehttps://thinkcoffee.com/account/login
Elementli:nth-child(5) > .break-words.hover\:text-scheme-accent-1[href$="wholesale"]
Accessible nameWholesale.
Markup
<a href="/pages/wholesale" class="hover:text-scheme-accent-1 break-words">
                            Wholesale.
                          </a>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref EJDEPB
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.grow.w-full:nth-child(2) > .list-none.space-y-2\.5 > li:nth-child(2) > .hover\:text-scheme-accent-1[href$="direct-relationship"]
Accessible nameRelationships.
Markup
<a href="/pages/direct-relationship" class="hover:text-scheme-accent-1">
                            Relationships.
                          </a>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref GXDVV6
Affected pagehttps://thinkcoffee.com/pages/contact
Elementli:nth-child(1) > .hover\:text-scheme-accent-1[href$="mission"]
Accessible nameAbout.
Markup
<a href="/pages/mission" class="hover:text-scheme-accent-1">
                            About.
                          </a>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref DVQYZU
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Element.heading-secondary
Accessible nameSubscribe To Our Newsletter.
Markup
<h2 class="font-heading heading-secondary mb-5">Subscribe To Our Newsletter.</h2>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref PZSZQO
Affected pagehttps://thinkcoffee.com/account/login
Element.desktop-footer-menu > .grow.w-full:nth-child(1) > .list-none.space-y-2\.5 > li:nth-child(4) > .break-words.hover\:text-scheme-accent-1[href$="subscribe"]
Accessible nameSubscriptions.
Markup
<a href="/pages/subscribe" class="hover:text-scheme-accent-1 break-words">
                            Subscriptions.
                          </a>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref QU4TI4
Affected pagehttps://thinkcoffee.com/
Element.md\:text-lg
Accessible namereal relationships. responsible coffee.
Markup
<p class="text-base md:text-lg font-heading text-scheme-text">
      real relationships. responsible coffee.
    </p>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref TR0LIR
Affected pagehttps://thinkcoffee.com/pages/contact
Element.hover\:text-scheme-accent-1[href$="projects"]
Accessible nameProjects.
Markup
<a href="/pages/projects" class="hover:text-scheme-accent-1">
                            Projects.
                          </a>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref 2DP0G3
Affected pagehttps://thinkcoffee.com/account/login
Element#NewsletterForm-sections--15409891541079__footer
Markup
<input id="NewsletterForm-secti..." type="email" name="contact[email]" class="input--background in..." value="" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="[email removed]" required="">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref K8TBR
Affected pagehttps://thinkcoffee.com/pages/contact
Element.footer-newsletter-follow > p
Accessible nameFollow Us
Markup
<p>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref I2GYEH
Affected pagehttps://thinkcoffee.com/pages/contact
Element.copyright-logo > .text-sm > a[title=""][href="/"]
Accessible nameThink Coffee NYC
Markup
<a href="/" title="">Think Coffee NYC</a>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref I2XBQ1
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.copyright-logo > .text-sm
Accessible name© 2026, Think Coffee NYC.
Markup
<p class="text-sm">© 2026, <a href="/" title="">Think Coffee NYC</a>.</p>
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref 5339GO
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Element.next
Accessible nameSend
Markup
<button type="submit" class="action next submit classic-button wizard__submit" data-submitting-text="" data-submit-text="<span class=&quot;spinner&quot;></span>Send" data-next-text="Next"><span class="spinner"></span>Send</button>
Affected pages/pages/contact /pages/wholesale-inquiry
Component · Ref HRLE1O
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Element.transition.px-2\.5[href$="direct-relationship"]
Accessible namerelationships.
Markup
<a href="/pages/direct-relationship" class="font-main px-2.5 py-5 flex items-center transition normal-case">
              relationships.
            </a>
Affected pages/account/login /pages/contact /pages/wholesale-inquiry
Component · Ref IED39H
Affected pagehttps://thinkcoffee.com/
Element.push-btn.inline-block[href$="geisha"] > .push-btn-surface
Accessible nameShop now
Markup
<span class="push-btn-surface">Shop now</span>
Component · Ref IJUQYV
Affected pagehttps://thinkcoffee.com/
Elementh5 > a[href$="coffee"]
Accessible nameShop all of our coffee
Markup
<a href="/collections/coffee" title="our current collection of coffee.">Shop all of our coffee</a>
Component · Ref WN83XS
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementspan[x-text="addToCartText"]
Accessible nameAdd to Cart
Markup
<span x-text="addToCartText">Add to Cart</span>
Component · Ref 6GZDNO
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Element.iti__selected-dial-code
Accessible name+1
Markup
<div class="iti__selected-dial-code">+1</div>
Component · Ref H7WSFE
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.regular-price > .under-price
Accessible nameOne-time purchase
Markup
<span class="under-price">One-time purchase</span>
Component · Ref DHZ7RG
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.mb-1.theme-button.push-btn:nth-child(2) > .push-btn-surface
Accessible name10.5 oz bag
Markup
<span class="push-btn-surface ">
            10.5 oz 
            
              bag
            
			</span>
Component · Ref 47CQJ1
Affected pagehttps://thinkcoffee.com/account/login
Element.account-sign-in > .theme-button.push-btn[type="submit"] > .push-btn-surface.w-full
Accessible nameSign In
Markup
<span class="push-btn-surface w-full">Sign In</span>
Component · Ref VVMLZQ
Affected pagehttps://thinkcoffee.com/
Element.desktop-home-products > .home-middle__row--product > .splide__slide.lg\:w-full.product-tile:nth-child(3) > .group > .price.mt-1\.5 > .price__container > .price__regular > .price-item--regular.price-item
Accessible name$17.00
Markup
<span class="price-item price-item--regular">
        $17.00
      </span>
Component · Ref ATXCT3
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementli:nth-child(1) > .splide__slide.product-tile.lg\:w-full > .group > .mt-5.product-tile.text-center > h4
Accessible nameblack cherry. sweet. creamy
Markup
<h4 class="product__origin">black cherry. sweet. creamy</h4>
Component · Ref 6K85DK
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Elementh3:nth-child(3)
Accessible namePlease provide a brief introduction below, and a member of our wholesale team will follow up with you shortly.
Markup
<h3>Please provide a brief introduction below, and a member of our wholesale team will follow up with you shortly.</h3>
Component · Ref 81H2IR
Affected pagehttps://thinkcoffee.com/
Element.desktop-home-products > .home-middle__row--product > .splide__slide.lg\:w-full.product-tile:nth-child(4) > .group > .text-center.mt-5.product-tile > h3
Accessible nameGeisha.
Markup
<h3>Geisha.</h3>

Showing 25 representative examples · 11 more affected elements not shown

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 K6B5CQ
Affected pagehttps://thinkcoffee.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 /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref T1768L
Affected pagehttps://thinkcoffee.com/account/login
Elementdiv:nth-of-type(2) > div:nth-of-type(2) > div > ul > li:nth-of-type(1) > a
Accessible nameShop.
Markup
<a href="/pages/shop" class="hover:text-scheme-accent-1 break-words">
                              Shop.
                            </a>
Affected pages/ /account/login /pages/wholesale-inquiry
Component · Ref 70C4BK
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementdiv > div:nth-of-type(2) > div > div > div:nth-of-type(2) > a
Accessible namePowered by
Markup
<a href="http://rechargepayments.com/subscribe-with-recharge" target="_blank" rel="noopener noreferrer" class="tooltip-badge" data-v-7bc675e0=""><span class="powered-by" data-v-7bc675e0="">Powered by</span><svg viewBox="100 0 270 74" fill="none" xmlns="http://www.w3.org/2000/svg" data-test-recharge-logo="" data-v-7bc675e0=""><path d="M100.034 21.1209H113.048C113.658 21.1209 114.065 21.4598 113.929 22.1376L113.184 26.34C115.759 22.6121 119.487 20.3753 123.283 20.3753C125.181 20.3753 127.214 21.1209 128.299 22.1376C128.909 22.7476 128.909 23.0865 128.502 23.6966L124.707 29.0513C124.232 29.7291 1…
Component · Ref CW3IGW
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementform#\[object\ HTMLSelectElement\] > div:nth-of-type(2) > div:nth-of-type(2) > select
Accessible nameFrench press Drip Chemex Pourover Moka pot Espresso
Markup
<select name="properties[Grind It]">
              <option value="French-press">French press</option>
              <option value="Drip">Drip</option>
              <option value="Chemex">Chemex</option>
              <option value="Pourover">Pourover</option>
              <option value="Moka pot">Moka pot</option>
              <option value="Espresso">Espresso</option>
            </select>
Component · Ref H69K1G
Affected pagehttps://thinkcoffee.com/
Elementdiv#slideshow-template--15409891278935__home_top_section_aqWLYd-slide04 > div > div:nth-of-type(2) > a
Accessible nameGeisha.
Markup
<a href="/products/geisha" class="absolute top-0 left-0 w-full h-full z-10 block">
          <span class="visually-hidden">Geisha.</span>
        </a>
Component · Ref 2OFTTM
Affected pagehttps://thinkcoffee.com/account/login
Elementdiv > div:nth-of-type(2) > div:nth-of-type(1) > form > div > button:nth-of-type(2)
Accessible nameCancel
Markup
<button class="mt-5 text-primary-accent-1 text-sm" type="button" @click="state = 'login'">
              Cancel
            </button>
Component · Ref USYJNO
Affected pagehttps://thinkcoffee.com/
Elementdiv#slideshow-template--15409891278935__home_top_section_aqWLYd > div:nth-of-type(2) > div > div > button:nth-of-type(1)
Accessible nameGo to last slide
Markup
<button class="splide__arrow splide__arrow--prev push-btn" aria-label="Go to last slide" aria-controls="slideshow-template--15409891278935__home_top_section_aqWLYd-track">
      <span class="sr-only">Previous slide</span>
      <span class="push-btn-surface align-bottom p-2">
        <span class="block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 24H46.972" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M25.972 46L2.686 25.502C2.47319 25.3143 2.30275 25.0835 2.186 24.8249C2.0692…
Component · Ref EBJEEY
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv:nth-of-type(2) > div > div:nth-of-type(1) > div:nth-of-type(2) > span > a
Accessible nameFlatiron
Markup
<a href="https://www.google.com/maps/place/40%C2%B044'18.5%22N+73%C2%B059'45.2%22W/@40.73847,-73.998076,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d40.738466!4d-73.995882" target="_blank" rel="noreferrer noopener">Flatiron</a>
Component · Ref LBEY4L
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementselect#selling_plan_7147966201943
Accessible nameShip every weekShip every 2 weeksShip every month
Markup
<select id="selling_plan_7147966201943" class="rc_widget__option__plans__dropdown rc-selling-plans__dropdown" name="" data-plans-dropdown="" data-v-335eb9f1=""><option data-plan-option="Ship every week" value="19891028055" data-v-335eb9f1="">Ship every week</option><option data-plan-option="Ship every 2 weeks" value="19890995287" data-v-335eb9f1="">Ship every 2 weeks</option><option data-plan-option="Ship every month" value="19890962519" data-v-335eb9f1="">Ship every month</option></select>
Component · Ref TKIEML
Affected pagehttps://thinkcoffee.com/account/login
Elementinput#RecoverEmail
Markup
<input type="email" class="w-full bg-transparent border-text-width border-primary-border" name="email" id="RecoverEmail" spellcheck="false" autocomplete="off" autocapitalize="off">
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)75 instances5 inspected pages

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Why it matters

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 75 affected elements
Component · Ref K85Q1Z
Affected pagehttps://thinkcoffee.com/
Elementdiv:nth-of-type(3) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div
Accessible nameCenter
Markup
<div class="ada-cc-select-button-background ada-cc-handle-alignment" onclick="handleAlignmentButtonClick(3,this);">
                                <svg class="ada-cc-select-button-icon" width="15" height="13" viewBox="0 0 15 13" fill="none">
                                    <path d="M0.385459 0.104948C0.297842 0.1625 0.192702 0.257292 0.150646 0.314844C0.10859 0.375781 0.0560195 0.497656 0.0349915 0.592448C-5.5247e-05 0.738021 0.00695409 0.788802 0.0665335 0.958073C0.122608 1.10026 0.178683 1.18151 0.287328 1.26953C0.37144 1.33385 0.504618 1.40156 0.58873 1.42188C0.683356 1.44557 3.05952 1…
Affected pages/ /account/login /pages/contact /products/el-muro
Component · Ref S9837G
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementdiv#aa-cc-keyboardnav > div > div:nth-of-type(2) > div
Rolebutton
Markup
<div role="button" class="close-popup close-popup-info">
                                        <svg class="ada-cc-info-close-icon" width="11" height="12" viewBox="0 0 11 12" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M0.848633 0.139077C0.788477 0.154431 0.683203 0.193915 0.614453 0.229012C0.545703 0.266302 0.433984 0.349657 0.367383 0.417656C0.300781 0.483463 0.216992 0.597527 0.180469 0.669914C0.143945 0.740107 0.100977 0.854171 0.0859375 0.919978C0.0708984 0.985784 0.0580078 1.1152 0.0601562 1.20514C0.0623047 1.31043 0.0794922 1.…
Affected pages/ /account/login /pages/contact /products/el-muro
Component · Ref J0YYIT
Affected pagehttps://thinkcoffee.com/
Elementdiv#aa-cc-saturation_click > div:nth-of-type(3) > div > div
Accessible name.st013{fill-rule:evenodd;clip-rule:evenodd;fill:#000000;} Desaturate
Markup
<div class="ada-cc-select-button-background ada-cc-select-saturation-background" id="" onclick="handleSaturationButtonClick(3,this);">
                                <svg class="ada-cc-select-button-icon ada-cc-icon-35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19" height="19" viewBox="0 0 19 19" style="enable-background:new 0 0 19 19;" xml:space="preserve">
                                    <style type="text/css">
                                        .st013{fill-rule:evenodd;clip-rule:evenodd;fill:#000…
Affected pages/ /account/login /pages/contact /products/el-muro
Component · Ref VQBYUO
Affected pagehttps://thinkcoffee.com/
Elementdiv#aa-cc-invert_color_click > div:nth-of-type(2) > div > div
Accessible nameDark Contrast
Markup
<div class="ada-cc-select-button-background ada-cc-select-invert-color-background" onclick="handleContrastButtonClick(2,this);">
                                <svg class="ada-cc-select-button-icon" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                    <g clip-path="url(#clip0_30_180)">
                                        <path d="M5.14999 0.146653C4.96666 0.219986 4.66666 0.359986 4.48333 0.45332C4.29999 0.546653 4.02333 0.70332 3.86666 0.799986C3.70999 0.896653 3.43999 1.08332 3.26666 1.21332C3.09333 1.34332 2.75666 1.63665 2.51999 1.86665C2.28666 2…
Affected pages/ /account/login /pages/contact /products/el-muro
Component · Ref EQ2JPS
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv#aa-cc-low-saturation_click
Accessible name.st012{fill-rule:evenodd;clip-rule:evenodd;fill:#000000;} Low Saturation
Markup
<div class="ada-cc-select-button-background ada-cc-select-saturation-background" id="aa-cc-low-saturation_click" onclick="handleSaturationButtonClick(2,this);">
                                <svg class="ada-cc-select-button-icon ada-cc-icon-35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19" height="19" viewBox="0 0 19 19" style="enable-background:new 0 0 19 19;" xml:space="preserve">
                                    <style type="text/css">
                                        .st012{fill-rule:evenodd;c…
Affected pages/ /account/login /pages/contact /products/el-muro
Component · Ref K99HIU
Affected pagehttps://thinkcoffee.com/account/login
Elementdiv#aa-cc-keyboardnav > div > div:nth-of-type(1)
Rolebutton
Markup
<div role="button" class="ada-cc-tooltip-container tooltip-trigger">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2Z" stroke="#1F2533" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M12 16L12 11" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        …
Affected pages/ /account/login /pages/contact /products/el-muro
Component · Ref E2L2VH
Affected pagehttps://thinkcoffee.com/
Elementdiv#aa-cc-readable_fonts_click
Accessible name.Readable-fonts{fill:#000000;} .Readable-fonts-one{fill:#000000;} Readable fonts
Markup
<div class="ada-cc-select-button-background ada-cc-handle-readable-fonts" id="aa-cc-readable_fonts_click" onclick="handleReadableFontsButtonClick(this);">
                            <svg class="ada-cc-select-button-icon ada-cc-icon-35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
                                <style type="text/css">
                                    .Readable-fonts{fill:#000000;}
                                    …
Affected pages/ /account/login /products/el-muro
Component · Ref BEFCC9
Affected pagehttps://thinkcoffee.com/
Elementdiv#aa-cc-reading_mask_click
Accessible nameReading Mask
Markup
<div class="ada-cc-select-button-background ada-cc-handle-reading-mask" id="aa-cc-reading_mask_click" onclick="handleReadingMaskButtonClick(this);">
                            <svg class="ada-cc-select-button-icon ada-cc-icon-35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" fill="#000000">
                                <g>
                                    <g>
                                        <path d="M16.6,7.1H3.4c-1,0-2-0.9-…
Affected pages/ /account/login /products/el-muro
Component · Ref CBG292
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementdiv:nth-of-type(3) > div:nth-of-type(4) > div:nth-of-type(3) > div:nth-of-type(3) > div > div
Accessible name.highlight-text-one{fill:#000000;} .highlight-text-two{fill:#000000;} Highlight Titles
Markup
<div class="ada-cc-select-button-background ada-cc-handle-highlight-titles" onclick="handleHighlightTitlesButtonClick(this);">
                        <svg class="ada-cc-select-button-icon ada-cc-icon-35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" width="35">
                            <style type="text/css">
                                .highlight-text-one{fill:#000000;}
                                .highlight-text-two{fill:#000…
Affected pages/ /account/login /products/el-muro
Component · Ref E7B1NE
Affected pagehttps://thinkcoffee.com/
Elementdiv#aa-cc-text_magnifier_click
Accessible nameText Enhancer
Markup
<div class="ada-cc-select-button-background ada-cc-handle-text-magnifier" id="aa-cc-text_magnifier_click" onclick="handleTextMagnifierButtonClick(this);">
                        <svg class="ada-cc-select-button-icon ada-cc-text-magnifier-icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 25 25" style="enable-background:new 0 0 25 25;" xml:space="preserve">
                            <g>
                                <path d="M9,7.2H7l-0.4,1h-1l1.9-4.6h1l1.9,4.6h-1L9,7.2z M8.7,6.4L8,4.7L7.3,6.4H8.7z"></…
Affected pages/ /account/login /products/el-muro
Component · Ref SGJ42W
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv > form > div > div > div:nth-of-type(2) > div:nth-of-type(2)
Markup
<div class="dismiss" onclick="Globo.FormBuilder.dismiss(this)">
                            <svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
                        </div>
Component · Ref RX15DG
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Elementli#iti-0__item-dz
Accessible nameAlgeria (‫الجزائر‬‎)+213
Roleoption
Markup
<li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dz" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dz"></div></div><span class="iti__country-name">Algeria (‫الجزائر‬‎)</span><span class="iti__dial-code">+213</span></li>
Component · Ref YVKWEQ
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv#globo-formbuilder-93547 > div > div > div > div:nth-of-type(2) > div:nth-of-type(1)
Markup
<div class="gfb__discount-wrapper" onclick="Globo.FormBuilder.handleCopyDiscountCode(this)">
            <div class="gfb__content-discount">
                <span class="gfb__discount-code"></span>
                <div class="gfb__copy">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.…
Component · Ref JUG9UR
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Elementli#iti-0__item-us-preferred
Accessible nameUnited States+1
Roleoption
Markup
<li class="iti__country iti__preferred iti__active" tabindex="-1" id="iti-0__item-us-preferred" role="option" data-dial-code="1" data-country-code="us" aria-selected="true"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li>
Component · Ref 7NWB3M
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv#globo-formbuilder-93547 > div > div > div > div:nth-of-type(2) > div:nth-of-type(3)
Markup
<div class="dismiss" onclick="Globo.FormBuilder.dismiss(this)">
            <svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
        </div>
Component · Ref VO0XUB
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Elementdiv#globo-formbuilder-93667 > div > div > div:nth-of-type(1)
Markup
<div class="header dismiss hidden" onclick="Globo.FormBuilder.closeModalForm(this)">
        <svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
    </div>
Component · Ref JO1QA0
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv > form > div > div > div:nth-of-type(3) > div:nth-of-type(1)
Markup
<div class="gfb__discount-wrapper" onclick="Globo.FormBuilder.handleCopyDiscountCode(this)">
                                <div class="gfb__content-discount">
                                    <span class="gfb__discount-code"></span>
                                    <div class="gfb__copy">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.…
Component · Ref CUROWZ
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv#globo-formbuilder-93547 > div > div > div > div:nth-of-type(1)
Markup
<div class="header dismiss hidden" onclick="Globo.FormBuilder.closeModalForm(this)">
        <svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
    </div>
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)10 instances5 inspected pages

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Why it matters

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Recommended correction

Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 10 affected elements
Component · Ref OMOFTG
Affected pagehttps://thinkcoffee.com/pages/contact
Elementinput#adaSearchInput
Markup
<input type="text" class="ada-search-box" id="adaSearchInput" placeholder="Search">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
High

Images lack text alternatives

WCAG 1.1.1 (A)18 instances5 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 18 affected elements
Component · Ref G7I4LQ
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Elementimg[width="32"]
Markup
<img src="//thinkcoffee.com/cdn/shop/t/46/assets/submit.svg?v=27644871974630021241710851871" width="32" height="32">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref 3WZ66G
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.media-template--17499969585239__product_recommendations_nnpVgn-25697251459159- > .object-wrapper.aspect-w-1.aspect-h-1 > .z-0.media-style.overflow-hidden > .outofstock-overlay.group-hover\:pointer-events-auto.group-focus-within\:pointer-events-auto > .outofstock-overlay__content > img[width="63"][height="62"]
Markup
<img src="https://cdn.shopify.com/s/files/1/0279/8652/6295/files/cargo-ship_1.svg?v=1774959955" width="63" height="62">
Component · Ref J0KRBR
Affected pagehttps://thinkcoffee.com/
Element.desktop-home-products > .home-middle__row--product > .splide__slide.lg\:w-full.product-tile:nth-child(4) > .group > .product-media-object.pb-media-shadow.relative > .media-template--15409891278935__home_top_section_aqWLYd-27528754593879-.media-style-container.media-no-shadow > .object-wrapper.aspect-w-1.aspect-h-1 > .z-0.media-style.overflow-hidden > .outofstock-overlay.group-hover\:pointer-events-auto.group-focus-within\:pointer-events-auto > .outofstock-overlay__content > img[width="63"][height="62"]
Markup
<img src="https://cdn.shopify.com/s/files/1/0279/8652/6295/files/cargo-ship_1.svg?v=1774959955" width="63" height="62">
Component · Ref YV83BR
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.media-template--17499969585239__product_recommendations_nnpVgn-25697251917911- > .object-wrapper.aspect-w-1.aspect-h-1 > .z-0.media-style.overflow-hidden > .lowstock-overlay.group-hover\:pointer-events-auto.group-focus-within\:pointer-events-auto > .lowstock-overlay__content > img[width="63"][height="62"]
Markup
<img src="https://cdn.shopify.com/s/files/1/0279/8652/6295/files/Group_968.svg?v=1774961432" width="63" height="62">
Component · Ref U3L1FI
Affected pagehttps://thinkcoffee.com/
Element.desktop-home-products > .home-middle__row--product > .splide__slide.lg\:w-full.product-tile:nth-child(4) > .group > .product-media-object.pb-media-shadow.relative > .media-template--15409891278935__home_top_section_aqWLYd-27528754593879-.media-style-container.media-no-shadow > .object-wrapper.aspect-w-1.aspect-h-1 > .z-0.media-style.overflow-hidden > .lowstock-overlay.group-hover\:pointer-events-auto.group-focus-within\:pointer-events-auto > .lowstock-overlay__content > img[width="63"][height="62"]
Markup
<img src="https://cdn.shopify.com/s/files/1/0279/8652/6295/files/Group_968.svg?v=1774961432" width="63" height="62">
Component · Ref SDZY89
Affected pagehttps://thinkcoffee.com/
Elementvideo > img
Markup
<img src="//thinkcoffee.com/cdn/shop/files/preview_images/45231664a72e42268aad189f4d997d5d.thumbnail.0000000000_2000x.jpg?v=1787759028">
High

Scrollable region must have keyboard access

WCAG 2.1.1 (A)5 instances5 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 5 affected elements
Component · Ref YGNZSQ
Affected pagehttps://thinkcoffee.com/account/login
Element#ada-cc-handle-statement-popup > .ada-cc-language-drawer-list-inner
Accessible nameStatement Accessibility Statement: Accessibility Assistant App commitment to inclusivity drives us to provide an accessible online experience for all users, including those with diverse needs. We continuously strive to improve our website and services, aligning with established accessibility standards and guidelines. Accessibility Features: Keyboard Navigation (WCAG 2.1 Success Criteria 2.1.1): Easily navigate through our website using keyboard commands for a seamless user experience. Big White Cursor: Enhance cursor visibility with a larger and more prominent cursor for improved navigation. Reading Guide: Facilitate reading with a guiding tool for smoother text comprehension. Text Speech: Enable text-to-speech functionality to enhance content accessibility. Image and Video Hide: Choose to hide images and videos for a distraction-free browsing experience. Contrast Options (WCAG 2.1 Success Criteria 1.4.3): Customize color contrast with features like Invert Colors, Dark Contrast, and Light Contrast. High Saturation (WCAG 2.1 Success Criteria 1.4.3 - Contrast): Enhances visibility by adjusting color saturation to meet individual preferences, promoting better content comprehension. Low Saturation (WCAG 2.1 Success Criteria 1.4.3 - Contrast): Diminishes color saturation to create a muted color palette, which can aid users with visual sensitivities in navigating the website comfortably. DESATURATE: Reduce color saturation for improved visibility. Bigger Text (WCAG 2.1 Success Criteria 1.4.4): Increase text size to enhance readability. Highlight Links (WCAG 2.1 Success Criteria 1.4.1): Emphasize links on the website for easier navigation. Line Height: Adjust the spacing between lines of text for improved legibility. Word Spacing: Customize the spacing between words to enhance readability. Letter Spacing: Adjust the spacing between letters for improved clarity. Alignment (Center, Left, Right): Tailor text alignment to individual preferences for a more comfortable reading experience. Readable Fonts (WCAG 2.1 Success Criteria 1.4.8 - Visual Presentation): Offers a range of fonts optimized for readability, ensuring content is accessible and understandable for all users, regardless of visual impairments. Reading Mask (WCAG 2.1 Success Criteria 1.4.10 - Reflow): Enables users to focus on specific content by utilizing a reading mask, facilitating a more tailored browsing experience. Highlight Titles (WCAG 2.1 Success Criteria 2.4.10 - Section Headings): Emphasizes titles throughout the website, aiding users in easier navigation and comprehension of content hierarchy. Text Enhancer (WCAG 2.1 Success Criteria 1.4.4): Enhance text readability and legibility with our Text Enhancer feature. Image Alt Tooltip (WCAG 2.1 Success Criteria 1.1.1, 1.2.1): Provide descriptive tooltips for images, improving accessibility for users with visual impairments. Stop Animation: Allow users to stop animations for a smoother browsing experience. WCAG Compliance: Our APP adheres to the Web Content Accessibility Guidelines (WCAG) 2.1, focusing on conformance levels A and AA, and we are actively working towards achieving higher levels of accessibility. Technical Info: Platform: Shopify, WordPress, Wix Technologies Used: HTML, CSS, JavaScript, PHP, MYSQL Feedback: We value your feedback and are committed to making continuous improvements. If you encounter any issues or have specific accessibility requirements, please contact our support team through our website. Your insights help us create a more inclusive online environment.
Markup
<div class="ada-cc-language-drawer-list-inner">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
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 WCJLOT
Affected pagehttps://thinkcoffee.com/account/login
Element#CustomerPassword
Markup
<input type="password" name="customer[password]" id="CustomerPassword" autocomplete="password" class="w-full " placeholder=" Password">
High

Interactive controls must not be nested

WCAG 4.1.2 (A)2 instances1 inspected page

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 2 affected elements
Component · Ref 8NNBBT
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.subscription-link
Accessible name$20.70subscribe & save 10%
Markup
<button class="subscription-link"><a href="/pages/subscribe"><span>$20.70</span><span class="under-price">subscribe &amp; save 10%</span></a></button>
Component · Ref E55J5R
Affected pagehttps://thinkcoffee.com/products/el-muro
Element.white-btn
Accessible name5 lb bag
Markup
<button class="mb-1 push-btn theme-button theme-button  white-btn">
<a href="/products/el-muro-5lb"> <span class="push-btn-surface w-full">
               5 lb bag</span></a></button>
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 J92QFX
Affected pagehttps://thinkcoffee.com/
Elementdiv#marquee-sections--15409891573847__announcement-bar
Accessible nameFREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40
Markup
<div id="marquee-sections--15409891573847__announcement-bar" class="marquee overflow-hidden py-1 lg:py-2"><div class="marquee-container inline-flex items-center whitespace-nowrap pl-100 body">
        <span class=" flex-shrink-0  text-base lg:text-base ">FREE SHIPPING OVER $40</span><span class=" flex-shrink-0 px-2 text-current">
            <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 7L123.517 77.8379H198L137.742 121.618L160.758 192.456L100.5 148.676L40.2417 192.456L63.2583 121.618L3 77.8379H77.4834L100.5 7Z" fill="curr…
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)12 instances5 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 12 affected elements
Component · Ref E7URGZ
Affected pagehttps://thinkcoffee.com/pages/wholesale-inquiry
Elementdiv#headerContainer > div > div > div:nth-of-type(1) > div:nth-of-type(2) > nav
Accessible namecoffee. merch. subscribe.
Rolenavigation
Markup
<nav role="navigation">
    <ul x-ref="navigation" class="flex flex-wrap -mx-2.5 justify-start items-center text-base  ">
        <li class="inline-block no-js-focus-wrapper h-full">
            <a href="/collections/coffee" class="font-main px-2.5 py-5 flex items-center transition normal-case">
              coffee.
            </a>
          
        </li>
      
        <li class="inline-block no-js-focus-wrapper h-full">
            <a href="/collections/gifting" class="font-main px-2.5 py-5 flex items-center transition normal-case">
              merch.
            </a>
          
       …
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref F74FB7
Affected pagehttps://thinkcoffee.com/pages/contact
Elementform > div > div > header > div > nav
Markup
<nav class="steps hidden">
                            
                            
                                
                            
                            
                                
                                
                                
                                
                                <div class="step last" data-element-id="group-1" data-step="0">
                                    <div class="step__content">
                                        <p class="step__number"></p>
                                        <svg class="checkmark" …
Affected pages/pages/contact /pages/wholesale-inquiry
Medium

ARIA container is missing required child roles

WCAG 1.3.1 (A)1 instance1 inspected page

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Why it matters

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Recommended correction

Provide the child roles the container role requires (e.g. option inside listbox).

View 1 affected element
Component · Ref T90Y03
Affected pagehttps://thinkcoffee.com/products/el-muro
Element#swiper-wrapper-10ab2708758e64573
Accessible name.media-FeatureMedia-template--17499969585239__main-25697251885143 { transform: rotate(deg); } .media-FeatureMedia-template--17499969585239__main-27218970443863 { transform: rotate(deg); }
Rolelist
Markup
<ul class="feature-media-list w-full  lg:relative lg:grid swiper-wrapper" role="list" id="swiper-wrapper-10ab2708758e64573" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
Medium

<video> elements must have captions

WCAG 1.2.2 (A)1 instance1 inspected page

<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 1 affected element
Component · Ref UWL5U0
Affected pagehttps://thinkcoffee.com/
Elementvideo
Markup
<video playsinline="true" class="w-full absolute inse..." autoplay="autoplay" muted="muted" loop="loop" x-bind="player" preload="metadata" poster="//thinkcoffee.com/cd..." loading="lazy">
Low

Low-quality alternative text

WCAG 1.1.1 (A)13 instances5 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 13 affected elements
Component · Ref I43NZ8
Affected pagehttps://thinkcoffee.com/pages/contact
Elementdiv#left-drawer-slot > div > a > div > img
Markup
<img src="//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=140" srcset="//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=140 1x,//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=280 2x,//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=420 3x" alt="Think Coffee NYC" width="2850" height="1650" loading="eager" class="text-transparent">
Affected pages/ /account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Component · Ref HTGSOR
Affected pagehttps://thinkcoffee.com/products/el-muro
Elementdiv > div:nth-of-type(2) > div > a > div > img:nth-of-type(1)
Markup
<img src="//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=140" srcset="//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=140 1x,//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=280 2x,//thinkcoffee.com/cdn/shop/files/think_coffee_stacked_-_white.webp?v=1765289791&amp;width=420 3x" alt="Think Coffee NYC" width="2850" height="1650" loading="eager" class="text-transparent main-logo-img">
Affected pages/account/login /pages/contact /products/el-muro /pages/wholesale-inquiry
Low

Page has no level-one heading

WCAG 1.3.1 (A)1 instance1 inspected page

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 1 affected element
Component · Ref 3FVJEI
Affected pagehttps://thinkcoffee.com/pages/contact
Elementhtml > body
Accessible name<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SLKD9L" height="0" width="0" style="display:none;visibility:hidden" ></iframe > Skip to content FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 FREE SHIPPING OVER $40 @media (prefers-reduced-motion: no-preference) { #marquee-sections--15409891573847__announcement-bar .marquee-container { will-change: transform; animation: marquee 80s linear infinite ; } #marquee-sections--15409891573847__announcement-bar .rotate-anim { animation-iteration-count:infinite; animation-timing-function:linear; animation-name:rotate; animation-duration:3s; } } @media(max-width:767px) { #shopify-section-sections--15409891573847__announcement-bar { display:none; } } #shopify-section-sections--15409891573847__announcement-bar .bg-scheme-background {background: #fff; color: #94b5e0;} #shopify-section-sections--15409891573847__announcement-bar svg * {fill: #fff;} Menu <div class="no-js-focus-wrapper"> <button class="inline-block -m-1 p-1 lg:hidden" type="button" data-menu-drawer-toggle> <span class="visually-hidden">Menu</span><span class="block icon"> <span class="w-6 h-6 inline-block align-middle"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M46 40H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M46 24H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M46 8H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span></button> <div class="hidden no-js-focus-container absolute left-0 bottom-0 w-11/12 md:w-7/12 lg:w-5/12 py-section-vertical-spacing px-section transform translate-y-[calc(100%-var(--section-border-thickness))] z-100 max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-card text-scheme-text"><div class="sidebar-nav " > <div class="relative flex items-center justify-between pb-5"> <h2 class="sr-only" class="" tabindex="-1"> New left main </h2> </div> <ul class="mt-5"> <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> <a class="block font-heading py-2.5" href="/collections/coffee"> coffee. </a> </li> <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> <a class="block font-heading py-2.5" href="/collections/gifting"> merch. </a> </li> <li class="text-lg lg:text-xl" style="--first-delay-tap: 2;"> <a class="block font-heading py-2.5" href="/pages/subscribe"> subscribe. </a> </li> </ul> <div class="mt-5 space-y-5"> <ul class="space-y-1.5"> <li> <a href="/account/login" id="customer_login_link">Log in</a> </li> <li> <a href="/account/register" id="customer_register_link">Create account</a> </li> </ul> </div> </div> </div> </div> coffee. merch. subscribe. mission. relationships. projects. wholesale. Log in Cart items <a class="whitespace-nowrap font-main px-2.5 py-5 flex items-center transition normal-case" href="/cart" > <div class="relative my-auto align-middle"> <span class="inline-block w-6 h-6 fill-current align-top"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1560_91)"> <path d="M15.425 5.74714C15.4046 5.40723 15.1227 5.14226 14.7822 5.14286H12.2107V3.21429C12.2107 1.43908 10.7717 0 8.99646 0C7.22125 0 5.78218 1.43908 5.78218 3.21429V5.14286H3.21075C2.87023 5.14226 2.5883 5.40723 2.56789 5.74714L2.00218 15.9621C1.94183 17.0256 2.75496 17.9366 3.81837 17.9969C3.85578 17.999 3.89326 18.0001 3.93075 18H14.0686C15.1337 18.0017 15.9985 17.1397 16.0003 16.0745C16.0004 16.037 15.9993 15.9996 15.9972 15.9621L15.425 5.74714ZM7.06789 3.21429C7.06789 2.14915 7.93133 1.28571 8.99646 1.28571C10.0616 1.28571 10.925 2.14915 10.925 3.21429V5.14286H7.06789V3.21429Z" fill="white"/> </g> <defs> <clipPath id="clip0_1560_91"> <rect width="18" height="18" fill="white"/> </clipPath> </defs> </svg> <span class="visually-hidden">Cart </span> </span><span class="visually-hidden">items</span> </div> </a> <style> .no-js-focus-wrapper:focus-within > .no-js-focus-container { display: block !important; } </style> #shopify-section-sections--15409891573847__header { position: sticky; top: 0; z-index: 40; } .logo-image { display: block; max-width: 140px; } { "@context": "http://schema.org", "@type": "Organization", "name": "Think Coffee NYC", "logo": "https:\/\/thinkcoffee.com\/cdn\/shop\/files\/think_coffee_stacked_-_white.webp?v=1765289791\u0026width=2850", "sameAs": [ null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null ], "url": "https:\/\/thinkcoffee.com\/pages\/contact" } const calculateHeaderHeights = () => { const headerGroupHeights = []; document .querySelectorAll( '.shopify-section-group-header-group:not(.has-no-height)' ) .forEach((headerGroupSectionEl) => { headerGroupHeights.push( headerGroupSectionEl.getBoundingClientRect().height ); }); document.documentElement.style.setProperty( '--header-group-height', `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px` ); }; calculateHeaderHeights(); const debouncedCalculateHeaderHeights = d…[truncated by Evolize: exceeded D1 value limit]
Markup
<body data-color-scheme="primary" class="newcontact tdf_theme_1" style="zoom: 1;">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-5SLKD9L"
        height="0"
        width="0"
        style="display:none;visibility:hidden"
      ></iframe
    ></noscript>
    <!-- End Google Tag Manager (noscript) -->

    
<svg width="0" height="0" viewBox="0 0 200 200">
  <defs>
    <clipPath id="clip-metafield-badge" clipPathUnits="objectBoundingBox">
      <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M198 100.502C…
Low

Video may be missing captions

WCAG 1.2.2 (A)1 instance1 inspected page

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 1 affected element
Component · Ref 9TGYNX
Affected pagehttps://thinkcoffee.com/
Elementsection > div > div > div:nth-of-type(1) > div > video
Markup
<video playsinline="true" class="w-full absolute inset-0 h-full object-cover lg:absolute lg:inset-0 lg:w-full lg:h-full lg:object-cover transition-opacity duration-200 ease-in-out opacity-100" autoplay="autoplay" muted="muted" loop="loop" x-bind="player" preload="metadata" poster="//thinkcoffee.com/cdn/shop/files/preview_images/45231664a72e42268aad189f4d997d5d.thumbnail.0000000000_2000x.jpg?v=1787759028" loading="lazy"><source src="//thinkcoffee.com/cdn/shop/videos/c/vp/45231664a72e42268aad189f4d997d5d/45231664a72e42268aad189f4d997d5d.HD-1080p-7.2Mbps-92679978.mp4?v=0" type="video/mp4"><img sr…

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.