Accessibility issues detected on turnbullandasser.com

01 · Accessibility summary

Evolize inspected 5 public pages on turnbullandasser.com and detected 21 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 "/products/navy-lace-silk-tie", where 19 findings were detected. The assessment identified findings mapped to 6 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

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

1. High

   Hidden elements can still receive keyboard focus

   WCAG 2.4.3 (A) · 5 inspected pages · 15 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 · 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 →
3. High

   Interactive controls are not keyboard-accessible

   WCAG 2.1.1 (A) · 5 inspected pages · 5 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 →
4. 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 →
5. 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 →

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

<aside class="PredictiveSearchPanel" id="predictiveSearchPanel" data-predictive-search-panel="" role="dialog" aria-label="Search" aria-hidden="true" tabindex="-1">

<div class="fly-out" data-flyout="product-in-store-availability" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="product-in-store-availability-title">

<a href="https://turnbullandasser.com/customer_authentication/redirect?locale=en&amp;region_country=US#recover" data-recover-toggle="" class="SignInPopup-link">Forgot your password?</a>

<a href="https://shopify.com/26701070380/account?locale=en&amp;buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ0dXJuYnVsbC1hc3Nlci11cy5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3ODk1MDIxMjYsIm5iZiI6MTc4ODg5NzMyNn0.obxb_2HuydSXUaI8UEcQ6lxYb-S8NguWYrkK1tAYaTk&amp;consent_id=0ebc5efb-d4ca-468c-95b9-1d2d1812b839&amp;consent=a1m1p1" class="SignInPopup-link">Create an account here</a>

<input type="email" name="customer[email]" value="" id="email" class="input-text required-entry validate-email SignInPopup-input" title="Email Address" autocomplete="email">

<button class="SecondaryNav-listItemLink">
                    <span class="u-visually-hidden">Open Menu</span>
                    <i></i>
                </button>

<button class="SecondaryNav-listItemLink" type="button" data-predictive-search-trigger="" aria-label="Search">
                    <span class="u-visually-hidden">Search</span>
                    <i></i>
                </button>

<button type="submit" class="SignInPopup-button u-Button u-Button--blue" title="Sign In" name="send" id="send3">
            Sign In
        </button>

<button class="ge-btnClose">
                
                <img src="https://s3.global-e.com/merchantscontent/general/X.png" alt="close-button" width="50" height="50" loading="lazy">
                
            </button>

<a class="Footer-navSubListItem-link btn btn--secondary isense-reopen-widget-button" onclick="showPreferences(this);event.preventDefault();" aria-haspopup="dialog" style="
                            cursor: pointer;
                            color: black;
                            border-radius:3px;
                            background-color: white;
                            border-color:black;
                        ">
                        Cookie Preferences
                    </a>

<div class="fly-out" data-flyout="product-in-store-availability" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="product-in-store-availability-title">
    <button class="fly-out__close">Close</button>
    <div class="fly-out__content">
        
        
            <div class="iia-popup-checker">
    <h1 id="product-in-store-availability-title" class="iia-popup-checker__title">Navy Lace Silk Tie</h1><h2 class="iia-popup-checker__sub-title">Product Code: ZZT92000 2014 05</h2><img src="//turnbullandasser.com/cdn/shop/files/tz30201001_1_1.jpg?v=1699220713&amp;width=80" alt="Na…

<a class="PrimaryNav-listItemLink" href="/collections/see-all-accessories" data-megamenu-toggle="" aria-controls="mobile-sub-menu-1574357740322" aria-expanded="false" id="menu-item-1574357740322" role="button" tabindex="0">
                    Accessories
                </a>

<span data-submit-button-text="">
                
                    Add to Bag
                
            </span>

<span>(If applicable)</span>

<label class="quantity-selector__label u-CustomNumberInput-label" for="quantity">
        Quantity
    </label>

<h3 class="info">Free UK and International Delivery</h3>

<a href="/pages/delivery">Full details</a>

<span class="js-productAddend--price" data-product-price="">
        $350.00
      </span>

<p>Also available in:</p>

<h1 class="geTitle">WELCOME TO TURNBULL AND ASSER</h1>

<div class="product-image-carousel-container">
    
</div>

05 · Most affected inspected pages

• /products/navy-lace-silk-tieHigh
  27 findings

  • High ARIA hidden element must not be focusable or contain focusable elements
  • High Hidden elements can still receive keyboard focus
  • High Interactive controls are not keyboard-accessible
  • High Modal dialog does not trap keyboard focus
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
• /products/jumpersHigh
  18 findings

  • High ARIA hidden element must not be focusable or contain focusable elements
  • High Hidden elements can still receive keyboard focus
  • High Interactive controls are not keyboard-accessible
  • High Modal dialog does not trap keyboard focus
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
  • Low Carousel has no accessible controls
• /products/tiesHigh
  18 findings

  • High ARIA hidden element must not be focusable or contain focusable elements
  • High Hidden elements can still receive keyboard focus
  • High Interactive controls are not keyboard-accessible
  • High Modal dialog does not trap keyboard focus
  • Medium Content sits outside any landmark region
  • Medium Text has insufficient colour contrast
  • Low Carousel has no accessible controls
• /High
  15 findings

  • High ARIA hidden element must not be focusable or contain focusable elements
  • 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
• /pages/contact-usHigh
  15 findings

  • High ARIA hidden element must not be focusable or contain focusable elements
  • 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

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