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

Accessibility issues detected on naokimatcha.com

Evolize inspected 5 public pages on naokimatcha.com and detected 32 automatically identifiable accessibility findings.

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

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

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/17 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)17 detected findings

Is naokimatcha.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 naokimatcha.com and detected 32 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 17 findings were detected. The assessment identified findings mapped to 8 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

  1. High

    Hidden elements can still receive keyboard focus

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

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →
  2. High

    Hidden elements can still receive keyboard focus

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

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →
  3. High

    Hidden elements can still receive keyboard focus

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

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →
  4. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 5 inspected pages · 10 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 →
  5. High

    ARIA hidden element must not be focusable or contain focusable elements

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

    ARIA hidden element must not be focusable or contain focusable elements

    Recommended action

    Review the affected element and correct the reported accessibility issue.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA1755 / 5
2.4.3Focus OrderA555 / 5
1.2.2Captions (Prerecorded)A411 / 5
1.1.1Non-text ContentA311 / 5
1.3.1Info and RelationshipsA133 / 5
2.1.1KeyboardA111 / 5
2.2.2Pause, Stop, HideA111 / 5
4.1.2Name, Role, ValueA155 / 5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

Continuous monitoring

A scan shows today's exposure. Monitoring shows what changes next.

Evolize continuously reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

ACTIVATE MONITORINGSEE PRICING

04 · All detected findings

High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)5 instances5 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 5 affected elements
Component · Ref VVMNX8
Affected pagehttps://naokimatcha.com/blogs/matcha-101
Element#rebuy-cart
Accessible nameCart
Roledialog
Markup
<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="rebuy-cart-title" aria-hidden="true" data-rebuy-cart-layout="single" class="rebuy-cart currency-USD no-items">
Affected pages/ /pages/b2b /products/barista-bundle /blogs/matcha-101 /pages/masters-collection
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)50 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 50 affected elements
Component · Ref 7BHMHX
Affected pagehttps://naokimatcha.com/
Elementcsm-cookie-consent,span[data-text="Do not sell or share"]
Markup
<span class="csm-arp-btn-text" data-text="Do not sell or share">Do not sell or share</span>
Affected pages/ /pages/b2b /products/barista-bundle /blogs/matcha-101 /pages/masters-collection
Component · Ref 8LP1R1
Affected pagehttps://naokimatcha.com/
Elementbutton[data-action="accept"]
Accessible nameAccept
Markup
<button type="button" class="link text-xs" data-action="accept">Accept</button>
Affected pages/ /pages/b2b /blogs/matcha-101 /pages/masters-collection
Component · Ref 6AHLYC
Affected pagehttps://naokimatcha.com/
Element.button[href$="all"]
Accessible nameshop now
Markup
<a class="button" style="--button-background: 196 45 55;--button-outline-color: 196 45 55;--button-text-color: 255 255 255;" href="/collections/all">shop now</a>
Affected pages/ /blogs/matcha-101 /pages/masters-collection
Component · Ref LRW9Y2
Affected pagehttps://naokimatcha.com/pages/b2b
Elementa[href$="/#sub"]
Accessible nameStart your matcha journey - 10% off your first order.
Markup
<a href="/#sub" title="/#sub">Start your matcha journey -&nbsp;10% off your first order.</a>
Affected pages/pages/b2b /products/barista-bundle /pages/masters-collection
Component · Ref D56CNI
Affected pagehttps://naokimatcha.com/
Element.h1
Accessible nameTrusted by more than 800,000 matcha fans each year
Markup
<p class="h1">Trusted by more than 800,000 matcha fans each year</p>
Affected pages/ /pages/masters-collection
Component · Ref 5UJANO
Affected pagehttps://naokimatcha.com/
Element.prose > div > p
Accessible nameImported in small batches from different tea regions in Japan, direct from farms and producers. Ships from USA.
Markup
<p>Imported in small batches from different tea regions in Japan, direct from farms and producers. Ships from USA.</p>
Affected pages/ /pages/masters-collection
Component · Ref SZXAAJ
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.form-row > .button[type="submit"]
Accessible nameSubscribe
Markup
<button type="submit" class="button">Subscribe</button>
Affected pages/ /products/barista-bundle
Component · Ref ZJN1BJ
Affected pagehttps://naokimatcha.com/
Element#carousel-template--26919123452207__collection_list_eJpWWL > .collection-card.shrink-0[href$="accessories"] > .collection-card__content.prose--tight.place-self-end-start > .button[type="button"]
Accessible nameShop accessories
Markup
<button type="button" class="button" tabindex="-1">Shop accessories</button>
Component · Ref QZANVN
Affected pagehttps://naokimatcha.com/
Element.link[href$="articles"]
Accessible nameLearn More
Markup
<a href="/blogs/articles" class="link">Learn More</a>
Component · Ref PHOWVO
Affected pagehttps://naokimatcha.com/blogs/matcha-101
Element#shopify-section-template--26919123976495__blog_posts_NRepfA > .section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673.bordered-section > .container--lg.container > .section-stack > blog-posts > .blog-post-card.snap-center.group:nth-child(9) > .blog-post-card__info > .blog-post-card__read-more.link
Accessible nameRead more
Markup
<a href="/blogs/articles/how-to-make-matcha-tea-without-bamboo-whisk" class="blog-post-card__read-more link">Read more</a>
Component · Ref 2U4CJ2
Affected pagehttps://naokimatcha.com/
Element#newsletter-sections--26919123845423__newsletter-popup > .button[type="submit"]
Accessible nameSubscribe
Markup
<button type="submit" class="button">Subscribe</button>
Component · Ref IFDXYX
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.sm\:text-start.text-center.prose > div > p:nth-child(3) > a
Accessible name[email removed]
Markup
<a href="mailto:[email removed]">[email removed]</a>
Component · Ref XPA8WY
Affected pagehttps://naokimatcha.com/
Element.justify-self-center > .button
Accessible nameshop all
Markup
<a class="button" href="/collections/ceremonial-grade-matcha">shop all</a>
Component · Ref DUOMSI
Affected pagehttps://naokimatcha.com/
Element.place-self-center > .prose > .h6
Accessible nameBest tasting matcha
Markup
<p class="h6">Best tasting matcha</p>
Component · Ref JO8DQE
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.button.w-full[type="submit"]
Accessible nameAdd to cart
Markup
<button type="submit" class="button w-full" style="--button-background: 30 60 66;--button-outline-color: 30 60 66;">Add to cart</button>
Component · Ref C6M9SU
Affected pagehttps://naokimatcha.com/blogs/matcha-101
Element.blog-post-card__read-more.link[href$="what-is-matcha"]
Accessible nameRead more
Markup
<a href="/blogs/articles/what-is-matcha" class="blog-post-card__read-more link">Read more</a>
Component · Ref EVDK3C
Affected pagehttps://naokimatcha.com/blogs/matcha-101
Elementcsm-cookie-consent,#isense-cc-cookie-bar-text
Markup
<span id="isense-cc-cookie-bar-text" tabindex="-1" data-csm-description="true" class="a48BBEL2Cpzl0dxNZ7ji">We use cookies to run this site, measure traffic, and personalize content. You can accept, reject, or manage your privacy choices anytime.</span>
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 WZ8KQJ
Affected pagehttps://naokimatcha.com/products/barista-bundle
Elementdiv#header-panel-2 > ul > li:nth-of-type(1) > a
Accessible nameOur Story
Markup
<a href="/pages/our-story" class="header-sidebar__linklist-button ">Our Story</a>
Affected pages/ /pages/b2b /products/barista-bundle /blogs/matcha-101 /pages/masters-collection
Component · Ref 9P5GJH
Affected pagehttps://naokimatcha.com/blogs/matcha-101
Elementheader-sidebar#sidebar-menu > div > div:nth-of-type(1) > ul > li:nth-of-type(3) > button
Accessible nameHelp
Markup
<button type="button" class="header-sidebar__linklist-button " aria-controls="header-panel-3" aria-expanded="false">Help<svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"></path>
    </svg></button>
Affected pages/ /pages/b2b /products/barista-bundle /blogs/matcha-101 /pages/masters-collection
Component · Ref GX3C6K
Affected pagehttps://naokimatcha.com/blogs/matcha-101
Elementform#predictive-search-form > div > input
Accessible nameSearch
Markup
<input type="search" name="q" spellcheck="false" class="header-search__input h5 sm:h4" aria-label="Search" placeholder="Search for...">
Affected pages/ /pages/b2b /products/barista-bundle /blogs/matcha-101 /pages/masters-collection
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)8 instances4 inspected pages

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Why it matters

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Recommended correction

While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

View 8 affected elements
Component · Ref OA4SRW
Affected pagehttps://naokimatcha.com/pages/masters-collection
Elementaside#shopify-section-sections--26919123845423__privacy-banner > privacy-banner
Accessible nameClose 🍪 Cookie policyWe use cookies and similar technologies to provide the best experience on our website. Refer to our Privacy Policy for more information. Accept Decline
Roledialog
Markup
<privacy-banner class="pop-in privacy-banner color-scheme color-scheme--scheme-3" handle-editor-events="" role="dialog" aria-modal="true" open="" style="display: block; opacity: 1; transform: translateY(0px);">
  <dialog-close-button class="contents">
    <button class="pop-in__close-button tap-area">
      <span class="sr-only">Close</span><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-close" viewBox="0 0 16 16">
      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"></path>
    </svg>

  </button>
  </dialog-close-button>

  <div clas…
Affected pages/ /pages/b2b /blogs/matcha-101 /pages/masters-collection
Component · Ref GCINI4
Affected pagehttps://naokimatcha.com/pages/b2b
Elementdiv#rebuy-cart
Accessible nameCart
Roledialog
Markup
<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="rebuy-cart-title" aria-hidden="true" data-rebuy-cart-layout="single" class="rebuy-cart currency-USD no-items"><div class="rebuy-cart__flyout"><div data-rebuy-cart-anchor="header"><div data-rebuy-cart-header-top=""><div data-rebuy-cart-header-top-inner=""><h2 id="rebuy-cart-title" data-rebuy-component-id="title_bar" data-rebuy-component="title-bar" class="rebuy-cart__title">Cart</h2> <div data-rebuy-cart-header-top-inner-right=""></div></div> <button id="rebuy-cart-close" type="button" aria-label="Close Cart" class="rebuy-car…
Affected pages/ /pages/b2b /blogs/matcha-101 /pages/masters-collection
High

Images lack text alternatives

WCAG 1.1.1 (A)5 instances1 inspected page

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 5 affected elements
Component · Ref B0M3AX
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.multi-column__item.snap-center.group:nth-child(5) > .multi-column__media.overflow-hidden > video-media > video > img
Markup
<img src="//naokimatcha.com/cdn/shop/files/preview_images/7f61b86cea1b4eee9ea8188d558faade.thumbnail.0000000000_400x.jpg?v=1727070992">
Component · Ref L51MWQ
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.color-scheme--bg-88c28ef19a3b93e969aad46829e55327.color-scheme--scheme-3.section-spacing > .container > .section-stack > multi-column > .multi-column__item.snap-center.group:nth-child(1) > .multi-column__media.overflow-hidden > video-media > video > img
Markup
<img src="//naokimatcha.com/cdn/shop/files/preview_images/d5811dde038941b19b8063e2ee969338.thumbnail.0000000000_400x.jpg?v=1729826433">
Component · Ref RSJ68D
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.color-scheme--scheme-4.color-scheme--bg-c238bd49806a0806a75efee5b84a9b53.bordered-section > .container > .section-stack > multi-column > .multi-column__item.snap-center.group:nth-child(1) > .multi-column__media.overflow-hidden > video-media > video > img
Markup
<img src="//naokimatcha.com/cdn/shop/files/preview_images/bbded888327f4896a91f981aad79b1b3.thumbnail.0000000000_400x.jpg?v=1753238023">
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 IG3J4M
Affected pagehttps://naokimatcha.com/pages/b2b
Elementhtml > body
Accessible name.close-custom { color: #aaa; float: right; font-size: 28px; font-weight: 700; margin-right: 4px; margin-top: -3px; position: absolute; top: 0; right: 0; } /*.d-none { display: none !important; }*/ .modal-custom { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, .4) } .modal-content-custom { background-color: #fefefe; margin: 15% auto; padding: 25px; border: 1px solid #888; width: fit-content; position: relative; } .close-custom:focus, .close-custom:hover { color: #000; text-decoration: none; cursor: pointer } #mc-loader { display: none; position: fixed; left: 50%; top: 50%; z-index: 10000; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } @keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } @media only screen and (max-width: 768px) { .modal-content-custom { margin-top: 70%; } } #purchase_limit_messages ul { list-style: none !important; } .mc-disabled { pointer-events: none; opacity: 0.5; } × { "market_id": "76588974383", "market_handle": "us" } var template = "page"; var customer_id = ""; var product_id = ""; var shopName = "1ba88a-3.myshopify.com"; var defaultvariantId = ""; //get default variant id when page load window.mcproductresponse = {}; function cartSubmitAndCheckout(formElement) { var params = formElement.serializeArray(); $.ajax({ url: "/cart", type: "post", data: params, success: function (res) { //window.location.replace('/checkout'); window.location.replace('/checkout'); }, error: function (err) { console.error(err.responseText); } }); } function checkLimitOne(e, click = false, trigger = null) { e.customer_id = customer_id; const marketElem = document.querySelector("#kor-market-config"); const marketData = JSON.parse(marketElem?.textContent?.trim() || "{}"); e.config = { locale: Shopify?.locale, currency: Shopify?.currency, country: Shopify?.country, market: marketData }; $.ajax({ type: "POST", url: "/a/cart-update", dataType: "json", data: e, success: function (e) { console.log("e..."); console.log(e); if (1 == e.error) { var t = "<ul>"; $.each(e.messages, function (e, n) { t += "<li>" + n + "</li>" }), t += "</ul>", $("#purchase_limit_messages").html(t), document.getElementById("myModal").style.display = "block" $(".additional-checkout-buttons, .additional_checkout_buttons, .dynamic-checkout__content").addClass("mc-disabled"); } else if (click) { //window.location.replace('/checkout'); window.location.replace('/checkout'); } else { // $(".additional-checkout-buttons").removeClass("mc-disabled"); $(".additional-checkout-buttons,.additional_checkout_buttons, .dynamic-checkout__content").removeClass("mc-disabled"); } document.getElementById("mc-loader").style.display = "none" } }); } function myJQueryCode() { jqueryCode(); if (template == 'login') { $(document).ready(function () { $("input[name='checkout_url']").attr('value', '/cart'); }); } var modal = document.getElementById("myModal"), span = document.getElementsByClassName("close-custom")[0]; function checkLimit(e, click = false) { e.customer_id = customer_id; const marketElem = document.querySelector("#kor-market-config"); const marketData = JSON.parse(marketElem?.textContent?.trim() || "{}"); e.config = { locale: Shopify?.locale, currency: Shopify?.currency, country: Shopify?.country, market: marketData }; $.ajax({ type: "POST", url: "/a/cart-update", dataType: "json", data: e, success: function (e) { console.log("e..k."); console.log(e); let cartUpdateRes = e; var purchaseCartLimitMessages = document.getElementById('modelDesignId'); if (purchaseCartLimitMessages && cartUpdateRes?.modelDesign) { purchaseCartLimitMessages.innerHTML = cartUpdateRes.modelDesign; } if (1 == e.error) { var t = "<ul>"; $.each(e.messages, function (e, n) { t += "<li>" + n + "</li>" }), t += "</ul>", $("#purchase_limit_messages").html(t), document.getElementById("myModal").style.display = "block" $(".additional-checkout-buttons, .dynamic-checkout__content").addClass("mc-disabled"); } else if (click) { // window.location.replace('/checkout'); let submitFormEventShop = ["pro-image-sports-…[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="features--button-transition features--zoom-image features--page-transition color-scheme color-scheme--scheme-3 smart-cart--enabled"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.0…
Affected pages/pages/b2b /blogs/matcha-101 /pages/masters-collection
Medium

<video> elements must have captions

WCAG 1.2.2 (A)5 instances1 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 5 affected elements
Component · Ref XXLFUG
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.multi-column__item.snap-center.group:nth-child(3) > .multi-column__media.overflow-hidden > video-media > video
Markup
<video playsinline="true" controls="controls" muted="muted" preload="none" poster="//naokimatcha.com/cdn/shop/files/preview_images/9939296d961f4632997ea9a5cab11c63.thumbnail.0000000000_400x.jpg?v=1727069794" loading="lazy">
Component · Ref R2VH23
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.color-scheme--bg-88c28ef19a3b93e969aad46829e55327.color-scheme--scheme-3.section-spacing > .container > .section-stack > multi-column > .multi-column__item.snap-center.group:nth-child(1) > .multi-column__media.overflow-hidden > video-media > video
Markup
<video playsinline="true" controls="controls" muted="muted" preload="none" poster="//naokimatcha.com/cdn/shop/files/preview_images/d5811dde038941b19b8063e2ee969338.thumbnail.0000000000_400x.jpg?v=1729826433" loading="lazy">
Component · Ref FSL93G
Affected pagehttps://naokimatcha.com/products/barista-bundle
Element.color-scheme--scheme-4.color-scheme--bg-c238bd49806a0806a75efee5b84a9b53.bordered-section > .container > .section-stack > multi-column > .multi-column__item.snap-center.group:nth-child(1) > .multi-column__media.overflow-hidden > video-media > video
Markup
<video playsinline="true" controls="controls" muted="muted" preload="none" poster="//naokimatcha.com/cdn/shop/files/preview_images/bbded888327f4896a91f981aad79b1b3.thumbnail.0000000000_400x.jpg?v=1753238023">
Low

Video may be missing captions

WCAG 1.2.2 (A)5 instances1 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 5 affected elements
Component · Ref AX0NHA
Affected pagehttps://naokimatcha.com/products/barista-bundle
Elementdiv > multi-column > div:nth-of-type(3) > div:nth-of-type(1) > video-media > video
Markup
<video playsinline="true" controls="controls" muted="muted" preload="none" poster="//naokimatcha.com/cdn/shop/files/preview_images/7f61b86cea1b4eee9ea8188d558faade.thumbnail.0000000000_400x.jpg?v=1727070992" loading="lazy"><source src="//naokimatcha.com/cdn/shop/videos/c/vp/7f61b86cea1b4eee9ea8188d558faade/7f61b86cea1b4eee9ea8188d558faade.HD-1080p-7.2Mbps-35161845.mp4?v=0" type="video/mp4"><img src="//naokimatcha.com/cdn/shop/files/preview_images/7f61b86cea1b4eee9ea8188d558faade.thumbnail.0000000000_400x.jpg?v=1727070992"></video>

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.