Accessibility issues detected on katinusa.com

01 · Accessibility summary

Evolize inspected 5 public pages on katinusa.com and detected 25 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 4 inspected pages. The most affected inspected page was "/", where 36 findings were detected. The assessment identified findings mapped to 5 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 · 25 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 · 5 instances
   Why this matters

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

   Recommended action

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

   View technical evidence →
4. High

   Interactive controls are not keyboard-accessible

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

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

   Recommended action

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

   View technical evidence →
5. Medium

   Text has insufficient colour contrast

   WCAG 1.4.3 (AA) · 5 inspected pages · 27 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

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

04 · All detected findings

<a href="/collections/new-arrivals" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//katinusa.com/cdn/shop/files/MEGA_MENU_840X840_NEW_ARRIVALS.jpg?v=1786657388&amp;width=840" alt="" srcset="//katinusa.com/cdn/shop/files/MEGA_MENU_840X840_NEW_ARRIVALS.jpg?v=1786657388&amp;width=420 420w, //katinusa.com/cdn/shop/files/MEGA_MENU_840X840_NEW_ARRIVALS.jpg?v=1786657388&amp;w…

<a href="/collections" class="subheading link-faded">COLLECTIONS</a>

<a href="/collections/best-sellers" class="link-reversed">Best Sellers</a>

<div class=" h4 sm:h3" role="tab" slot="tab" aria-selected="true"><span>BEST SELLERS</span></div>

<a href="/pages/data-sharing-opt-out" class="link text-sm">Your privacy choices</a>

<a href="/policies/privacy-policy" class="link text-sm">Privacy Policy</a>

<a href="/policies/privacy-policy" title="Privacy Policy">privacy policy.</a>

<a href="/collections" class="block subheading link-reversed" aria-expanded="false" aria-controls="header-menu-dropdown-1" data-open-on-hover="">COLLECTIONS</a>

<a href="/pages/rewards" class="block subheading link-reversed" aria-expanded="false" aria-controls="header-secondary-menu-dropdown-2" data-open-on-hover="">Rewards</a>

<a href="/collections/sale" class="link-reversed link-tap-area">SALE</a>

<span class="subheading subheading-badge  ">Fall '26</span>

<p id="shopify-block-AN3F2UnJvQWRBK3o0a__heading_VwjCMb" class="display-m">The Waterman Trunk</p>

<a href="/collections/boys" class="link-reversed link-tap-area">BOYS</a>

<button-content class="button__content" fill="">SHOP NOW</button-content>

<p class="h1">Sweaters</p>

<p>Rooted in the essence of California's surf culture from the 1950s and '60s, denim has been a staple of beach culture ever since.</p>

<button-content class="button__content" fill="">Y2K DROP</button-content>

<strong>[email removed]</strong>

<h1 class="h3">Cart</h1>

<button-content class="button__content" fill="">SHOP NOW</button-content>

<a href="#recover" allow-hash-change="" class="input-link link text-subdued text-xs">Forgot password?</a>

<span class="subheading subheading-badge  ">NEW COLORS</span>

<style>
    .drawer--cart .quantity-selector--line-item {
      min-height: 2.75rem;
    }</style>

<body class="features--zoom-image "><div data-yotpo-instance-id="489628" class="yotpo-widget-instance"></div><template id="drawer-default-template">
  <div part="base">
    <div part="overlay"></div>

    <div part="content">
      <header part="header">
        <dialog-close-button style="display: contents">
          <button type="button" part="close-button">
            <span class="sr-only" part="sr-only">Close</span><svg aria-hidden="true" focusable="false" width="10" class="icon icon-close" part="icon" fill="none" viewBox="0 0 10 10">
        <path stroke="currentColor" d="m1 1 8 8m0-8L1…

<a href="#recover" allow-hash-change="" class="input-link link text-subdued text-xs">Forgot password?</a>

05 · Most affected inspected pages

• /High
  22 findings

  • High Hidden elements can still receive keyboard focus
  • High Interactive controls are not keyboard-accessible
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
• /High
  20 findings

  • High Hidden elements can still receive keyboard focus
  • High Interactive controls are not keyboard-accessible
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
• /account/loginHigh
  12 findings

  • High Hidden elements can still receive keyboard focus
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
  • Low Touch targets are too small
• /pages/contact-usHigh
  12 findings

  • High Hidden elements can still receive keyboard focus
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
  • Low Page has no level-one heading
• /cartHigh
  10 findings

  • High Hidden elements can still receive keyboard focus
  • Medium Text has insufficient colour contrast

06 · About this 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.

Reports with similar accessibility findings