Public accessibility assessment

Accessibility issues detected on lespecs.com

Evolize inspected 5 public pages on lespecs.com and detected 78 automatically identifiable accessibility findings.

78Findings detected
12WCAG criteria affected
5Pages inspected
7 Sep 2026Assessment date

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

Most widespread issueLinks lack accessible textDetected on 5 inspected pages
Most affected page/products/influx-black41 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)38 detected findings

Is lespecs.com your website?

Keep this assessment current and get notified when new accessibility issues are detected.

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on lespecs.com and detected 78 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/products/influx-black", where 41 findings were detected. The assessment identified findings mapped to 12 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

    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

    Add an accessible name to the button element, either by using the 'aria-label' attribute or by ensuring the button contains visible text that describes its purpose. For example: <button id="velaSearchButton" class="btnVelaSearch" type="submit" aria-label="Search">

    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

    Add accessible names to buttons, for example by including text or using aria-label/aria-labelledby attributes. Ensure that the purpose of each button can be determined by assistive technology.

    View technical evidence →
  3. Critical

    ARIA command controls lack accessible names

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

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 12 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /products/dream-boat-tort-ochre-grad.

    View technical evidence →
  5. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 4 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    Add text to the link that describes its purpose, such as the product name, or use the 'aria-label' attribute to provide a text description for screen readers.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3855 / 5
2.4.4Link Purpose (In Context)A1755 / 5
4.1.2Name, Role, ValueA755 / 5
1.3.1Info and RelationshipsA455 / 5
2.1.1KeyboardA422 / 5
1.1.1Non-text ContentA355 / 5
1.2.2Captions (Prerecorded)A211 / 5
1.4.1Use of ColorA133 / 5
2.2.2Pause, Stop, HideA122 / 5
2.4.3Focus OrderA155 / 5
2.5.8Target Size (Minimum)AA111 / 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.

04 · All detected findings

Critical

ARIA command controls lack accessible names

WCAG 4.1.2 (A)5 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 5 affected elements
Component · Ref IMHZWA
Affected pagehttps://lespecs.com/account/login
Element.search_onclick
Rolebutton
Markup
<div class="search_onclick" role="button" tabindex="0">
								 <i class="icon-icon-search"></i>
							 </div>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Critical

Buttons have no accessible name

WCAG 4.1.2 (A)12 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

Add an accessible name to the button element, either by using the 'aria-label' attribute or by ensuring the button contains visible text that describes its purpose. For example: <button id="velaSearchButton" class="btnVelaSearch" type="submit" aria-label="Search">

View 12 affected elements
Component · Ref 0833ZO
Affected pagehttps://lespecs.com/
Element#velaSearchButton
Accessible nameSearch
Markup
<button id="velaSearchButton" class="btnVelaSearch" type="submit">
                <span><i class="ti-search"></i></span>
                <span class="btnSearchText">Search</span>
            </button>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Component · Ref H6PNN4
Affected pagehttps://lespecs.com/
Element.close_search
Markup
<button class="close_search">
                <i class="icon-icon-close"></i>
            </button>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Component · Ref IKYPJS
Affected pagehttps://lespecs.com/products/influx-black
Elementdiv:nth-child(4) > button:nth-child(2)
Markup
<button style="position: absolute; ...">
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)114 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

To improve the accessibility of the website, consider increasing the contrast between the text color and the background color of the element with the class 'velaCopyRight'. This can be achieved by changing the CSS styles to use a higher contrast color combination, such as black text on a white background or white text on a black background.

View 114 affected elements
Component · Ref MSHPLT
Affected pagehttps://lespecs.com/pages/payment-security
Element.col-xs-2
Accessible name© LE SPECS
Markup
<div class="velaCopyRight hidden-xs col-xs-2 col-sm-4 col-md-4">
                        © LE SPECS
                    </div>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Component · Ref 69F9UB
Affected pagehttps://lespecs.com/pages/payment-security
Element.footer-usp-bar__item[href$="returns"] > .footer-usp-bar__sublabel
Accessible nameOn eligible items
Markup
<span class="footer-usp-bar__sublabel">On eligible items</span>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Component · Ref V182KZ
Affected pagehttps://lespecs.com/products/influx-black
Element#accessible-megamenu-1788801169559-9
Accessible nameSale
Rolebutton
Markup
<a href="/collections/sale" style="color: red;" title="" id="accessible-megamenu-1788801169559-9" role="button" aria-controls="accessible-megamenu-1788801169559-10" aria-expanded="false" tabindex="0">Sale</a>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Component · Ref 71X88G
Affected pagehttps://lespecs.com/cart
Elementa[href$="shippinginfo"] > .footer-usp-bar__sublabel
Accessible nameOn orders $75+
Markup
<span class="footer-usp-bar__sublabel">On orders $75+</span>
Affected pages/ /account/login /pages/payment-security /cart
Component · Ref SY4E46
Affected pagehttps://lespecs.com/
Element#CartCount
Accessible name0
Markup
<span id="CartCount" class="hidden-count">0</span>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Component · Ref PLWBO7
Affected pagehttps://lespecs.com/products/influx-black
Elementcsm-cookie-consent,#isense-cc-cookie-bar-text
Markup
<span id="isense-cc-cookie-bar-text" tabindex="-1" data-csm-description="true" class="a48BBEL2Cpzl0dxNZ7ji">
Affected pages/ /account/login /products/influx-black /pages/payment-security
Component · Ref YBEOTV
Affected pagehttps://lespecs.com/products/influx-black
Element.active > span > span
Accessible nameINFLUX | BLACK
Markup
<span>INFLUX | BLACK</span>
Component · Ref GBX9XW
Affected pagehttps://lespecs.com/products/influx-black
Elementa[title="Back to the frontpage"] > span
Accessible nameHome
Markup
<span>Home</span>
Component · Ref XEMJ7T
Affected pagehttps://lespecs.com/account/login
Element.announcement-slide.active > .announcement-bar--link.announcement-bar[href$="shop-all"] > .content-desktop.announcement-bar__message
Accessible nameBUY 2 FULL PRICE PAIRS & GET 25% OFF
Markup
<span class="announcement-bar__message content-desktop" style="letter-spacing: 0px; 
                        text-decoration: none;">
                        BUY 2 FULL PRICE PAIRS &amp; GET 25% OFF
                      </span>
Component · Ref MAXKEZ
Affected pagehttps://lespecs.com/cart
Element#ss__result--view-cart-3063077273664 > .boost-pfs-filter-product-item-inner.ss__result__inner[sstracking="true"] > .boost-pfs-filter-product-item-image.ss__result__image > .boost-pfs-filter-product-item-image-link.boost-pfs-filter-crop-image-position-none.ss__image__link > .ss__overlay-badge.ss-1svuuir > .ss__overlay-badge__grid-wrapper > .ss__overlay-badge__grid-wrapper__slot.ss__overlay-badge__grid-wrapper__slot--left.ss-9u6cw7 > .ss__badge-text--best-seller.ss-fzdinc.ss__badge-text > .ss__badge-text__value
Accessible nameBest Seller
Markup
<span class="ss__badge-text__value">Best Seller</span>
Component · Ref I2FXAJ
Affected pagehttps://lespecs.com/
Element.velaProBlock.keen-slider__slide[data-price="160.00"]:nth-child(1) > .product_item_style4.style_mobile > .proContent > .proColors
Accessible name+3 Colors
Markup
<div class="proColors">+3 Colors</div>
Component · Ref 3SIX71
Affected pagehttps://lespecs.com/
Element.velaProBlock.keen-slider__slide[data-price="160.00"]:nth-child(2) > .product_item_style4.style_mobile > .proContent > .proPrice > .priceProduct.priceSale
Accessible name$160.00
Markup
<div class="priceProduct priceSale">$160.00</div>
Component · Ref LCYMDH
Affected pagehttps://lespecs.com/
Element.velaProBlock.keen-slider__slide[data-price="85.00"]:nth-child(2) > .product_item_style4.style_mobile > .proHImage > .label_sale_new.top > .labelSale
Accessible nameNew
Markup
<span class="labelSale">New</span>
Component · Ref Z8IADX
Affected pagehttps://lespecs.com/
Elementdiv[data-oke-reviews-product-id="shopify-7479052435541"] > .oke-sr.okeReviews[data-oke-reviews-version="0.104.2"] > div > .oke-sr-count > .oke-sr-label-text
Accessible nameReviews
Markup
<span class="oke-sr-label-text"> Reviews</span>
Component · Ref 2BQUMG
Affected pagehttps://lespecs.com/
Elementdiv[data-oke-reviews-product-id="shopify-7288887574613"] > .oke-sr.okeReviews[data-oke-reviews-version="0.104.2"] > div > .oke-sr-count > .oke-sr-count-number
Accessible name42
Markup
<span class="oke-sr-count-number">42</span>
Component · Ref H09KT9
Affected pagehttps://lespecs.com/
Element.editorial-banner__col:nth-child(4) > .editorial-banner__item > .editorial-banner__content--overlay.editorial-banner__content > .editorial-banner__cta
Accessible nameSHOP NOW
Markup
<a href="/collections/blue-light-glasses" class="editorial-banner__cta">SHOP NOW</a>
Component · Ref Z81L26
Affected pagehttps://lespecs.com/
Element.velaProBlock.keen-slider__slide[data-price="85.00"]:nth-child(3) > .product_item_style4.style_mobile > .proContent > h5 > a
Accessible nameDREAM BOAT | TORT MOSS MONO
Markup
<a href="/products/dream-boat-tort-moss-mono">DREAM BOAT | TORT MOSS MONO</a>
Component · Ref XUC850
Affected pagehttps://lespecs.com/products/influx-black
Element.oke-w-breakdownModule-distribution-count[aria-hidden="true"]:nth-child(7)
Accessible name0
Markup
<div aria-hidden="true" class="oke-w-breakdownModule-distribution-count" style="grid-row: 2;"> 0 </div>
Component · Ref 6NPFSQ
Affected pagehttps://lespecs.com/products/influx-black
Element.oke-w-breakdownModule-distribution-label[aria-hidden="true"]:nth-child(17) > .oke-w-breakdownModule-distribution-label-number
Accessible name1
Markup
<span class="oke-w-breakdownModule-distribution-label-number"> 1 </span>
Component · Ref FQQTQ8
Affected pagehttps://lespecs.com/
Element.editorial-banner__cta[href$="shop-all-womens"]
Accessible nameSHOP NOW
Markup
<a href="/collections/shop-all-womens" class="editorial-banner__cta">SHOP NOW</a>
Component · Ref RLB6PH
Affected pagehttps://lespecs.com/products/influx-black
Elementa[href$="#proCollapseThree"]
Accessible nameCase
Markup
<a data-toggle="collapse" data-parent="#vealAccordion" href="#proCollapseThree" class="collapsed">Case</a>
Component · Ref CDPJEN
Affected pagehttps://lespecs.com/
Element.editorial-banner__col:nth-child(2) > .editorial-banner__item > .editorial-banner__content--overlay.editorial-banner__content > .editorial-banner__heading
Accessible nameWOMEN
Markup
<h2 class="editorial-banner__heading">WOMEN</h2>
Component · Ref 8NM5CX
Affected pagehttps://lespecs.com/
Element.ib-tcs > p
Accessible nameT&Cs apply.
Markup
<p>T&amp;Cs apply.</p>
Component · Ref C0250N
Affected pagehttps://lespecs.com/products/influx-black
Element.afterpay > p
Accessible nameor 4 payments of $9.99 with
Markup
<p> or 4 payments of <span data-afterpay="">$9.99</span> with </p>
Component · Ref YVPKSW
Affected pagehttps://lespecs.com/account/login
Element.announcement-bar--link.announcement-bar[href$="sale"] > .content-desktop.announcement-bar__message
Accessible nameUNDER $40 | NEW & FURTHER MARKDOWNS
Markup
<span class="announcement-bar__message content-desktop" style="letter-spacing: 0px; 
                        text-decoration: none;">
                        UNDER $40 | NEW &amp; FURTHER MARKDOWNS
                      </span>

Showing 25 representative examples · 13 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

To fix this issue, ensure that all interactive elements are visible when they receive keyboard focus. For the affected element, consider one of the following: remove it from the tab order if it's not meant to be interacted with, make it visible when it receives focus, or remove the element altogether if it serves no purpose. In the case of the provided HTML, the 'Shop All' link should either be removed or made visible when focused.

View 50 affected elements
Component · Ref 00XYLG
Affected pagehttps://lespecs.com/products/influx-black
Elementdiv#firstMenuElement > div:nth-of-type(2) > ul > li:nth-of-type(3) > a
Accessible nameNo Problemo
Markup
<a href="/collections/no-problemo-x-le-specs" title="">No Problemo</a>
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)5 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 visible label to the form field, using the HTML label element or an ARIA attribute, to ensure that the label remains visible and accessible even when the user types in the field.

View 5 affected elements
Component · Ref MAORWA
Affected pagehttps://lespecs.com/account/login
Elementform#velaSearchbox > input
Markup
<input class="velaSearch form-control ss__autocomplete__input" type="search" name="q" value="" placeholder="Search for items" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="none" ss-autocomplete-input="">
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)25 instances2 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

To make this control accessible, ensure that it can receive keyboard focus by setting a valid tabindex value (other than -1) or by using a native HTML element that can receive focus, such as a button or anchor tag.

View 25 affected elements
Component · Ref WKCNJS
Affected pagehttps://lespecs.com/products/influx-black
Elementdiv > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div > div:nth-of-type(1)
Accessible nameInflux Black Female Round Sunglasses | Le Specs
Roleoption
Markup
<div data-media-type="image" data-thumb="//lespecs.com/cdn/shop/files/cdafb4b9b1e9d30d7a70c032261af44f_400x.jpg?v=1734394135" data-media-id="24392503623765" data-image-lightbox-index="0" class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 763px;" tabindex="-1" role="option" aria-describedby="slick-slide00"><div><img loading="eager" fetchpriority="high" src="//lespecs.com/cdn/shop/files/cdafb4b9b1e9d30d7a70c032261af44f_1600x.jpg?v=1734394135" srcset="//lespecs.com/cdn/shop/files/cdafb4b9b1e9d30d7a70c032261af44f_400x.jpg?v=1734394135 400w, …
Component · Ref TEY8IO
Affected pagehttps://lespecs.com/products/influx-black
Elementsection#product-image_lightbox > div > div > div > div > div:nth-of-type(2)
Accessible nameSlide name 3
Roleoption
Markup
<div class="slide slick-slide" data-slick-index="1" aria-hidden="true" style="width: 0px;" tabindex="-1" role="option" aria-describedby="slick-slide11">
                <div>
                    <img src="//lespecs.com/cdn/shop/files/501e672d55862d1255aeb16df5ab1c54_1600x.jpg?v=1734394136" alt="Slide name 3" class="img-responsive">
                </div>
            </div>
Component · Ref OW3DXX
Affected pagehttps://lespecs.com/
Elementdiv#fs-post-7920-261315751
Accessible nameopen detail modal for instagram post by lespecs on 04 JULY 2026
Rolebutton
Markup
<div tabindex="-1" role="button" aria-label="open detail modal for instagram post by lespecs on 04 JULY 2026" aria-haspopup="dialog" id="fs-post-7920-261315751" class="fs-timeline-entry  fs-loading" style="cursor: pointer;" aria-hidden="true">      <div class="fs-text-container">     <div class="fs-service-icon">       <i class="fs-icon fs-fa-instagram"></i>     </div>          <div class="fs-has-links"><i class="fs-icon fs-fa-tag fa fa-tag"></i></div>              <div class="fs-timeline-text">              <div class="fs-entry-title">STYLED BY YOU 😍 ///⁠
⁠
Best-selling styles spotted. Disco…
High

Images lack text alternatives

WCAG 1.1.1 (A)2 instances2 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 an alt attribute to the img tag with a descriptive text alternative, e.g., alt="Product image". If the image is decorative, use an empty alt attribute, e.g., alt="".

View 2 affected elements
Component · Ref SBBLJE
Affected pagehttps://lespecs.com/
Elementvideo > img
Markup
<img src="//lespecs.com/cdn/shop/files/preview_images/36e360136abb4d988a3c8b1960aa6e95.thumbnail.0000000000_small.jpg?v=1780027377">
Component · Ref 8BXNQO
Affected pagehttps://lespecs.com/products/influx-black
Elementdiv[data-slick-index="0"][data-role="none"] > .ls-is-cached.lazyloaded
Markup
<img class=" ls-is-cached lazyloaded" src="//lespecs.com/cdn/shop/files/cdafb4b9b1e9d30d7a70c032261af44f_400x.jpg?v=1734394135" style="display: block; margin: 0px; border: none; outline: none;">
High

Elements must only use supported ARIA attributes

WCAG 4.1.2 (A)1 instance1 inspected page

Elements must only use supported ARIA attributes

Why it matters

Elements must only use supported ARIA attributes

Recommended correction

Review the ARIA attributes used on the element with the id 'slick-slide00'. Ensure that only supported ARIA attributes are used. The 'aria-controls' attribute is not a valid attribute for an element with a 'presentation' role. Consider updating the role to one that supports the 'aria-controls' attribute, such as 'tab' or removing the attribute if it is not necessary.

View 1 affected element
Component · Ref FPGAO3
Affected pagehttps://lespecs.com/products/influx-black
Element#slick-slide00
Rolepresentation
Markup
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00" style="margin: 0px; padding: 0px; line-height: 0; font-size: 0px; border: none; flex-shrink: 0; outline: rgb(0, 0, 0) solid 1px; outline-offset: -2px;">
High

ARIA input fields must have an accessible name

WCAG 4.1.2 (A)1 instance1 inspected page

ARIA input fields must have an accessible name

Why it matters

ARIA input fields must have an accessible name

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref B91C87
Affected pagehttps://lespecs.com/products/influx-black
Element.productSlider > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Accessible nameInflux Black Female Round Sunglasses | Le Specs
Rolelistbox
Markup
<div class="slick-track" style="opacity: 1; width: 3815px; transform: translate3d(0px, 0px, 0px);" role="listbox">
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 the content in a landmark region such as a header, nav, main, footer, or aside to enable assistive technology users to reach it via landmark navigation. For example, wrap the .announcement-bar-wrapper div in a <main> or <aside> element.

View 5 affected elements
Component · Ref KW40OU
Affected pagehttps://lespecs.com/products/influx-black
Elementdiv#shopify-section-announcement_bar > section > div
Accessible name.announcement-bar--link:hover { background-color: ; } .announcement-bar__message { padding: 8px 15px; margin: 0; } UNDER $40 | NEW & FURTHER MARKDOWNS UNDER $40 | NEW & FURTHER MARKDOWNS BUY 2 FULL PRICE PAIRS & GET 25% OFF BUY 2 FULL PRICE PAIRS & GET 25% OFF FREE SHIPPING ON ORDERS $75+ FREE SHIPPING ON ORDERS $75+ SIGN UP FOR 10% OFF* SIGN UP FOR 10% OFF* FREE 30-DAY RETURNS ON ELIGIBLE ITEMS* FREE 30-DAY RETURNS*
Markup
<div style="display: block; position: relative;">
      
        <style>
          

          .announcement-bar--link:hover {
            

            
              
              background-color: ;
            
          }

          .announcement-bar__message {
            
            padding: 8px 15px;
            margin: 0;
          }
        </style>

        
          <div class="announcement-bar-wrapper">
            <div class="announcement-slide-container" data-autoplay="true" data-speed="4500">
              
                <div class="announcement-slide" style="background-co…
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)8 instances4 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 8 affected elements
Component · Ref A68RT4
Affected pagehttps://lespecs.com/account/login
Elementsection#velaMegamenu > nav
Accessible nameShop Shop All New Releases Best Sellers Polarized Global Fit + Blue Light Le Specs Luxe Collaborations Haderlump No Problemo Alemais Frame Shape Aviator Round Cat Eye Oval Rectangle Wrap More Scriptable Sunglasses Eyeglasses Accessories E-Gift Cards Shop Outta Love Women Shop All Women's Polarized New Releases Best Sellers Blue Light Sale Top Styles Outta Love Duskfall Don't Cha Air Heart Dream Boat Honey Pot …[truncated by Evolize: exceeded D1 value limit]
Rolenavigation
Markup
<nav class="menuContainer" role="navigation">
									<ul class="nav hidden-xs hidden-sm flex-grid js-nav" id="accessible-megamenu-1788801158711-1" style="white-space: nowrap;">
										
											
											
											
												
												
													<li class="navItem hasMenuDropdown hasMegaMenu" style="">
	<a href="/collections/shop-all" title="" id="accessible-megamenu-1788801158711-2" role="button" aria-controls="accessible-megamenu-1788801158711-3" aria-expanded="false" tabindex="0">Shop</a>

	<div class="menuDropdown megaMenu" id="accessible-megamenu-1788801158711-3" role="…
Affected pages/account/login /products/influx-black /pages/payment-security /cart
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 HTENS2
Affected pagehttps://lespecs.com/products/influx-black
Elementdiv:nth-child(4) > .slick-dots[role="tablist"]
Roletablist
Markup
<ul class="slick-dots" style="display: flex; flex-flow: row; overflow: hidden; list-style: none; padding: 0px; margin: 0px; gap: 8px; scrollbar-width: none; opacity: 1; justify-content: flex-start;" role="tablist">
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)1 instance1 inspected page

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Update the aria-controls attribute to reference an existing element ID. Ensure all ARIA attributes have valid values according to their defined roles.

View 1 affected element
Component · Ref RTF31N
Affected pagehttps://lespecs.com/products/influx-black
Element#slick-slide00
Rolepresentation
Markup
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00" style="margin: 0px; padding: 0px; line-height: 0; font-size: 0px; border: none; flex-shrink: 0; outline: rgb(0, 0, 0) solid 1px; outline-offset: -2px;">
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 4SP3IJ
Affected pagehttps://lespecs.com/
Elementvideo
Markup
<video playsinline="true" loop="loop" autoplay="autoplay" preload="none" muted="muted" poster="//lespecs.com/cdn/shop/files/preview_images/36e360136abb4d988a3c8b1960aa6e95.thumbnail.0000000000_small.jpg?v=1780027377" loading="lazy">
Low

Low-quality alternative text

WCAG 1.1.1 (A)15 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

Update the alt text for the images to provide a clear description of the content. For example, instead of using 'Le Specs US', use a descriptive phrase like 'Le Specs US logo' or 'Le Specs US brand image'. Ensure that each image has unique and descriptive alt text.

View 15 affected elements
Component · Ref GYSC2F
Affected pagehttps://lespecs.com/account/login
Elementdiv > div > div:nth-of-type(1) > h1 > a > img
Markup
<img src="//lespecs.com/cdn/shop/t/284/assets/logo.svg?v=126524256999045233541788391852" alt="Le Specs US" itemprop="logo" class="main">
Affected pages/ /account/login /products/influx-black /pages/payment-security /cart
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 QMAQZQ
Affected pagehttps://lespecs.com/
Elementdiv > div > div:nth-of-type(2) > div > div:nth-of-type(1) > video
Markup
<video playsinline="true" loop="loop" autoplay="autoplay" preload="none" muted="muted" poster="//lespecs.com/cdn/shop/files/preview_images/36e360136abb4d988a3c8b1960aa6e95.thumbnail.0000000000_small.jpg?v=1780027377" loading="lazy"><source src="//lespecs.com/cdn/shop/videos/c/vp/36e360136abb4d988a3c8b1960aa6e95/36e360136abb4d988a3c8b1960aa6e95.HD-1080p-7.2Mbps-85208428.mp4?v=0" type="video/mp4"><img src="//lespecs.com/cdn/shop/files/preview_images/36e360136abb4d988a3c8b1960aa6e95.thumbnail.0000000000_small.jpg?v=1780027377"></video>
Low

Touch targets are too small

WCAG 2.5.8 (AA)5 instances1 inspected page

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase the size of the interactive element to at least 24x24 pixels to ensure it can be reliably activated by touch.

View 5 affected elements
Component · Ref BQDKQ
Affected pagehttps://lespecs.com/products/influx-black
Element.oke-w-breakdownModule-distribution-highlight.oke-is-clickable[role="button"]:nth-child(8)
Accessible nameTotal 4 star reviews: 0. Filter by 4 star reviews
Rolebutton
Markup
<div tabindex="0" role="button" aria-label="Total 4 star reviews: 0. Filter by 4 star reviews" class="oke-w-breakdownModule-distribution-highlight oke-is-clickable" style="grid-row: 2;"></div>

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.

Is information in this report inaccurate or outdated? Request a correction or removal.