Accessibility issues detected on knobs.co

01 · Accessibility summary

Evolize inspected 5 public pages on knobs.co and detected 39 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 5 inspected pages. The most affected inspected page was "/", where 25 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 · 30 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

   Modal dialog does not trap keyboard focus

   WCAG 2.4.3 (A) · 5 inspected pages · 5 instances
   Why this 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 action

   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 technical evidence →
4. High

   Elements must only use permitted ARIA attributes

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

   Elements must only use permitted ARIA attributes

   Recommended action

   Review the affected element and correct the reported accessibility issue.

   View technical evidence →
5. High

   Links must be distinguishable without relying on color

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

   Links must be distinguishable without relying on color

   Recommended action

   Review the affected element and correct the reported accessibility issue.

   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

<div class="knobs-footer__payments" aria-label="Accepted payment methods">

<a class="grandchild-nav__item main-nav__item" href="/collections/round-knobs">Round Knobs</a>

<button type="button" class="main-nav__item main-nav__item--back relative js-back">
                              <div class="main-nav__item-content text-start">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"></path></svg> Back</div>
                            </button>

<div id="knobs-cart-drawer" class="knobs-cart__drawer" role="dialog" aria-modal="true" aria-label="Shopping cart" aria-hidden="true" inert="">

  <!-- Header -->
  <div class="knobs-cart__head">
    <p class="knobs-cart__title">Your Cart <span id="knobs-cart-count-label" class="knobs-cart__count-label"></span></p>
    <button class="knobs-cart__close" aria-label="Close cart" id="knobs-cart-close">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
        <line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2=…

<a href="/collections/all">Add some items</a>

<a class="main-nav__item--primary" href="/collections">Brands</a>

<span aria-hidden="true">·</span>

<span class="visually-hidden">Cart</span>

<span class="visually-hidden">Log in</span>

<a class="main-nav__item--primary" href="/collections/home">Home</a>

<p class="knobs-eyebrow kc-hero__eyebrow">Get in Touch</p>

<a href="tel:18005308245">1-800-530-8245</a>

<p>Prefer to work directly with me directly? Awesome! <strong>Book a time on my calendar and we’ll figure it out together.</strong> No extra charge!</p>

<strong>Book a time on my calendar and we’ll figure it out together.</strong>

<span>Cabinet Hardware Wizard</span>

<strong>contractor</strong>

<a class="hp2-wp__cta" href="/pages/consultation">Book Now!</a>

<h2 class="hp2-hero__heading">Hi, I’m Kayla The Keeper of the Knobs.</h2>

<p class="hp2-trade__signature">Kayla</p>

<a href="/pages/price-match">110% Price Match</a>

<span aria-hidden="true">✓</span>

<p class="knobs-quote__attribution">C.M., Oklahoma</p>

<h1 class="hp2-hero__eyebrow">Designer Cabinet Hardware — Knobs, Pulls &amp; Bath from 25+ Brands</h1>

<p class="knobs-quote__text">Kayla Malo is the most attentive and super human ever! My experience with this company is stellar!</p>

<button type="button" class="knobs-prod__qty-btn" data-action="dec" aria-label="Decrease quantity">−</button>

<span class="knobs-truststrip__stars-bg">★★★★★</span>

<a class="hp2-trade__cta" href="/pages/trade">Go to the portal</a>

<strong>designer</strong>

<span class="knobs-trust__stars-fg">★★★★★</span>

<span aria-hidden="true">→</span>

<button type="button" class="main-nav__toggle-btn js-toggle" aria-expanded="false" aria-controls="nav-dropdown-2" aria-label="Toggle Home submenu">

05 · Most affected inspected pages

• /High
  26 findings

  • High Elements must only use permitted ARIA attributes
  • High Hidden elements can still receive keyboard focus
  • High Modal dialog does not trap keyboard focus
  • Medium Text has insufficient colour contrast
  • Medium Touch targets are too small
• /products/smedbo-dk3001-sideline-design-shower-basket-in-polished-chrome-dk3001High
  19 findings

  • High Elements must only use permitted ARIA attributes
  • High Hidden elements can still receive keyboard focus
  • High Modal dialog does not trap keyboard focus
  • Medium Text has insufficient colour contrast
  • Medium Touch targets are too small
• /pages/contactHigh
  14 findings

  • High Elements must only use permitted ARIA attributes
  • High Hidden elements can still receive keyboard focus
  • High Modal dialog does not trap keyboard focus
  • Medium Text has insufficient colour contrast
  • Medium Touch targets are too small
• /pages/faqHigh
  11 findings

  • High Elements must only use permitted ARIA attributes
  • High Hidden elements can still receive keyboard focus
  • High Modal dialog does not trap keyboard focus
  • Medium Text has insufficient colour contrast
  • Medium Touch targets are too small
• /pages/shipping-quoteHigh
  11 findings

  • High Elements must only use permitted ARIA attributes
  • High Hidden elements can still receive keyboard focus
  • High Links must be distinguishable without relying on color
  • High Modal dialog does not trap keyboard focus
  • Medium Text has insufficient colour contrast
  • Medium Touch targets are too small

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