Automated technical assessment of 5 publicly accessible pages · Scanned 13 Aug 2026. Inspected 5 of 5 selected pages.
Findings
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
15 instances
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref TER7PH
Affected pagehttps://hitlights.com/
Element.jdgm-carousel-item:nth-child(1) > .jdgm-carousel-item__inner-wrapper > .jdgm-carousel-item__reviewer-name-wrapper > .jdgm-carousel-item__product.jdgm-ellipsis
Accessible namePremium 24V LED Light Strip, Single Color (UL-Listed) 26.2ft [IP-20]
Markup<a class="jdgm-carousel-item__product jdgm-ellipsis" href="/products/premium-24v-led-light-strip-single-color-ul-listed-feet-density-ip-30#judgeme_product_reviews">
How to fixAdd accessible text to the links, either by adding text content directly to the 'a' element or by using an 'aria-label' attribute to provide a text description of the link's purpose.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref VPB302
Affected pagehttps://hitlights.com/blogs/premium-led-strip-lighting/introducing-hitlights-business-accounts
Element.announcement-bar__inner > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref JST7QZ
Affected pagehttps://hitlights.com/collections/pro-account-exclusive-june-bundles
Elementp > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref H9MYU2
Affected pagehttps://hitlights.com/collections/pro-account-exclusive-june-bundles
Element.announcement-bar__inner > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref Q1NNJ6
Affected pagehttps://hitlights.com/cart
Elementp > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link, or use an aria-label attribute to provide a text description of the link's purpose.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref BPJAWL
Affected pagehttps://hitlights.com/
Element#block-image_GXFxTP
Accessible name#block-image_GXFxTP {
color: #ffffff;
}
#block-image_GXFxTP .button {
color: #000000;
background: #ffffff;
}
#block-image_GXFxTP .button:hover {
background: rgba(255, 255, 255, 0.8);
}
Markup<a href="https://hitlights.com/collections/low-voltage-transformers" class="slideshow__slide is-selected" id="block-image_GXFxTP" data-block-index="2" style="position: absolute; left: 200%;">
How to fixAdd text to the link, or provide an alternative way for screen readers to announce the link's purpose, such as using aria-label or aria-describedby attributes.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref 84UO0J
Affected pagehttps://hitlights.com/blogs/premium-led-strip-lighting/introducing-hitlights-business-accounts
Elementp > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref 86E8N3
Affected pagehttps://hitlights.com/pages/business-accounts
Element.announcement-bar__inner > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref V376RN
Affected pagehttps://hitlights.com/cart
Element.announcement-bar__inner > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref PRP5EV
Affected pagehttps://hitlights.com/
Element.announcement-bar__inner > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link that describes its destination, or use the 'aria-label' attribute to provide a text description.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref KQ5FRA
Affected pagehttps://hitlights.com/
Elementp > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link, or use an aria-label attribute to provide a text description of the link's purpose.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref D6NLPA
Affected pagehttps://hitlights.com/pages/business-accounts
Elementp > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixAdd text to the link, or use an aria-label attribute to provide a text description of the link's purpose.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref 2AW4HY
Affected pagehttps://hitlights.com/
Elementsection > header > div > div > nav > button
Accessible nameOpen menu
Markup<button class="header__mobile-nav-toggle icon-state touch-area" data-action="toggle-menu" aria-expanded="false" aria-haspopup="true" aria-controls="mobile-menu" aria-label="Open menu">
<span class="icon-state__primary"><svg focusable="false" class="icon icon--hamburger-mobile " viewBox="0 0 20 16" role="presentation">
<path d="M0 14h20v2H0v-2zM0 0h20v2H0V0zm0 7h20v2H0V7z" fill="currentColor" fill-rule="evenodd"></path>
</svg></span>
<span class="icon-state__secondary"><svg focusable="false" class="icon icon--close " viewBox="0 0 19 19" role="presentation">… How to fixEnsure that the button is removed from the tab order when it's not visible, or make it visible when it receives focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by using JavaScript to dynamically update the button's visibility and focusability.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref G7I77C
Affected pagehttps://hitlights.com/
Elementheader > div > div > div:nth-of-type(2) > div:nth-of-type(2) > a
Accessible nameOpen search
Markup<a class="header__action-item-link" href="/search" data-action="toggle-search" aria-expanded="false" aria-label="Open search"><svg focusable="false" class="icon icon--search " viewBox="0 0 21 21" role="presentation">
<g stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd">
<path d="M19 19l-5-5" stroke-linecap="square"></path>
<circle cx="8.5" cy="8.5" r="7.5"></circle>
</g>
</svg></a> How to fixTo fix this issue, ensure that the element is removed from the tab order when it is not visible, or make the element visible when it receives focus. This can be achieved by adding a 'tabindex=-1' attribute to the element when it is hidden, or by using JavaScript to dynamically update the 'tabindex' attribute based on the element's visibility.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
35 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref 8ZRBKW
Affected pagehttps://hitlights.com/
Elementform > div:nth-of-type(2) > div:nth-of-type(2) > ul > li:nth-of-type(1) > a
Accessible nameSingle Color
Markup<a href="/collections/single-color-led-light-strips" class="search-bar__menu-link">Single Color</a>
How to fixRemove the element from the tab order or make it visible when focused, by adjusting its CSS to include 'display: none;' or 'visibility: hidden;' when it's not intended to be interacted with, or by using 'tabindex=-1' to remove it from the tab order.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref G1685D
Affected pagehttps://hitlights.com/
Elementselect#search-product-type
Accessible nameAll categoriesDimmableLED Light Strip Connectors and AccessoriesLED Light Strip Controllers and DimmersLED Light Strip KitsLED Light Strip Mounting SuppliesNon Dimmable Power SupplySingle Color LED Light StripsTools & Home Improvement
Markup<select id="search-product-type">
<option value="" selected="selected">All categories</option><option value="Dimmable">Dimmable</option><option value="LED Light Strip Connectors and Accessories">LED Light Strip Connectors and Accessories</option><option value="LED Light Strip Controllers and Dimmers">LED Light Strip Controllers and Dimmers</option><option value="LED Light Strip Kits">LED Light Strip Kits</option><option value="LED Light Strip Mounting Supplies">LED Light Strip Mounting Supplies</option><option value="Non Dimmable Power Supply">Non Dimmable Power Supply</o… How to fixTo fix this issue, ensure that the select element is removed from the tab order when it is not visible, or make it visible when it receives focus. This can be achieved by setting the 'tabindex' attribute to '-1' when the element is hidden, or by using JavaScript to show the element when it receives focus.
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref FIQ3QD
Affected pagehttps://hitlights.com/
Elementdiv:nth-of-type(2) > div > section > div:nth-of-type(2) > div:nth-of-type(1) > a:nth-of-type(1)
Rolebutton
Markup<a class="jdgm-close-ico" role="button"></a>
How to fixAdd a tabindex to the element or ensure it has focusable semantics to make it reachable by keyboard. For example, consider adding the 'tabindex' attribute to the element or wrapping it in a focusable container.
High
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref GN1G97
Affected pagehttps://hitlights.com/
Element#localization_form_header_locale > .header__action-item-title
Accessible nameLanguage
Markup<span class="header__action-item-title">Language</span>
How to fixIncrease the contrast between the text color and background color of the 'Language' element to meet the minimum contrast ratio thresholds as defined by the Web Content Accessibility Guidelines (WCAG 2.1).
High
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref Y60EA4
Affected pagehttps://hitlights.com/
Element.header__action-item-title.hidden-lap.hidden-pocket
Accessible nameLogin / Signup
Markup<span class="header__action-item-title hidden-pocket hidden-lap">Login / Signup</span>
How to fixIncrease the contrast between the text and background colors by adjusting the CSS styles for the 'header__action-item-title' class to meet the WCAG 2.1 minimum contrast ratio thresholds.
High
Modal dialog does not trap keyboard focus
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.
Component
4 affected pages
4 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref 7I2504
Affected pagehttps://hitlights.com/
Elementdiv#rebuy-cart
Accessible nameYour Cart
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">Your Cart</h2> <div data-rebuy-cart-header-top-inner-right=""><!----> <a data-rebuy-component="login" data-rebuy-component-id="login" href="/account/login…
How to fixTo fix this issue, ensure that the modal dialog traps keyboard focus by setting the 'tabindex' attribute to '-1' on the modal container and handling the 'focus' event to keep focus within the dialog. Additionally, set 'aria-hidden' to 'true' on the content behind the modal to prevent screen readers from announcing it.
High
Zooming and scaling must not be disabled
Zooming and scaling must not be disabled
Component
5 affected pages
5 instances
WCAG WCAG SC 1.4.4
Ref 1OWL1L
Affected pagehttps://hitlights.com/
Elementmeta[name="viewport"]
Markup<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0">
How to fixRemove or modify the viewport meta tag to allow zooming and scaling by setting maximum-scale and minimum-scale to values that allow user-controlled zooming, such as minimum-scale=0.5 and maximum-scale=5.0, or by removing these attributes altogether.
High
Elements must only use supported ARIA attributes
Elements must only use supported ARIA attributes
Component
5 affected pages
5 instances
WCAG WCAG SC 4.1.2
Ref 88HS7S
Affected pagehttps://hitlights.com/
Element.header__cart-icon
Accessible name0
Markup<div class="header__cart-icon icon-state" aria-expanded="false">
How to fixEnsure that the 'aria-expanded' attribute is only used on elements with a supported ARIA role, such as 'button', 'link', or 'region'. Alternatively, consider using a different attribute or approach to convey the same information in a way that is accessible to screen readers and other assistive technologies.
High
Interactive controls must not be nested
Interactive controls must not be nested
Component
5 affected pages
5 instances
WCAG WCAG SC 4.1.2
Ref PEFDRD
Affected pagehttps://hitlights.com/
Elementbutton[aria-controls="block-footer-1"]
Accessible nameLearning Center
Markup<button class="footer__title heading h6" disabled="disabled" aria-expanded="false" aria-controls="block-footer-1" data-action="toggle-collapsible">
How to fixRemove the nested interactive element from the button or restructure the HTML to avoid nesting interactive controls.
High
SVG graphics are missing text alternatives
SVGs exposed as images carry no accessible name, so their meaning is unavailable to assistive technology.
Component
2 affected pages
18 instances
WCAG WCAG 2.1 SC 1.1.1 Non-text Content (Level A)
Ref 66GKZ5
Affected pagehttps://hitlights.com/
Elementsvg[aria-labelledby="pi-american_express"]
Roleimg
Markup<svg class="payment-list__item" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express">
How to fixAdd alternative text to the SVG images using the 'alt' attribute or ensure that the 'aria-labelledby' attribute references an element that provides a descriptive text alternative for the image.
High
ARIA hidden element must not be focusable or contain focusable elements
ARIA hidden element must not be focusable or contain focusable elements
Component
4 affected pages
4 instances
WCAG WCAG SC 4.1.2
Ref 11E7CK
Affected pagehttps://hitlights.com/
Element#rebuy-cart
Accessible nameYour Cart
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">
How to fixEnsure that any element marked as aria-hidden='true' does not contain focusable elements and cannot itself receive focus. Review the dialog's structure and adjust its attributes and content accordingly to prevent interaction when it's supposed to be hidden.
Medium
Content sits outside any landmark region
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref WXF0PL
Affected pagehttps://hitlights.com/
Elementdiv#shopify-section-sections--20714204725488__announcement-bar > section > div
Accessible nameSave More if You Buy More Single Color Strips - Upto 16% All August | Shop Here 📞 1 (855) 768-413524/7 SupportChat|Voice
Markup<div class="announcement-bar">
<div class="container">
<div class="announcement-bar__inner"><a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a><p><a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a><a href="https://hitlights.com/collections/single-color-led-strip-lights" target="_blank" title="https://hitlights.com/collections/single-color-led-strip-lights">Save More if You Buy More Single Color Strips… How to fixWrap the content in a landmark region, such as a <header>, <nav>, <main>, or <footer> element, to enable users to access it via landmark navigation.
Medium
Navigation regions are not distinguishable
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref EEZFSL
Affected pagehttps://hitlights.com/
Elementdiv#shopify-section-sections--20714204725488__header > section > nav
Accessible nameLED Strip Lights
Single Color LED Strip LightsMulti-Color LED Strip LightsKits and Bundle CollectionsTradeshow LightsClearance DealsTransformers
Non-Dimmable Power SupplyDimmable DriversMounting Supplies
Aluminum ChannelMounting TapeAccessoriesCustom | OEM Solutions Professional Partners
Professional Partner ProgramProfessional Partner Program Sign Up FormContact Us
Contact UsTerms Of ServiceReturns and Exchange ProcessEasy & Extended Shipping OptionsCareersSubscribe & Save Up to 20% ✉
Markup<nav class="nav-bar">
<div class="nav-bar__inner">
<div class="container">
<ul class="nav-bar__linklist list--unstyled" data-type="menu" role="list"><li class="nav-bar__item"><a href="https://hitlights.com/collections/led-light-strips" class="nav-bar__link link" data-type="menuitem" aria-expanded="false" aria-controls="desktop-menu-0-1" aria-haspopup="true">LED Strip Lights<svg focusable="false" class="icon icon--arrow-bottom " viewBox="0 0 12 8" role="presentation">
<path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"… How to fixAdd an 'aria-label' attribute to each navigation landmark to provide a unique and descriptive name, allowing screen reader users to identify and distinguish between them.
Medium
Navigation regions are not distinguishable
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref 74IX9S
Affected pagehttps://hitlights.com/
Elementdiv#shopify-section-sections--20714204725488__header > section > header > div > div > nav
Accessible nameLED Strip Lights
Transformers
Mounting Supplies
Custom | OEM Solutions Professional Partners
Contact Us
Subscribe & Save Up to 20% ✉
Need help?
1-855-768-4135
[email removed]
Follow Us
Facebook
Instagram
Pinterest
YouTube
LinkedIn
Back
LED Strip Lights
Single Color LED Strip LightsMulti-Color LED Strip LightsKits and Bundle CollectionsTradeshow LightsClearance Deals
Back
Transformers
Non-Dimmable Power SupplyDimmable Drivers
Back
Mounting Supplies
Aluminum ChannelMounting TapeAccessories
Back
Professional Partners
Professional Partner ProgramProfessional Partner Program Sign Up Form
Back
Contact Us
Contact UsTerms Of ServiceReturns and Exchange ProcessEasy & Extended Shipping OptionsCareers
Markup<nav class="header__mobile-nav hidden-lap-and-up">
<button class="header__mobile-nav-toggle icon-state touch-area" data-action="toggle-menu" aria-expanded="false" aria-haspopup="true" aria-controls="mobile-menu" aria-label="Open menu">
<span class="icon-state__primary"><svg focusable="false" class="icon icon--hamburger-mobile " viewBox="0 0 20 16" role="presentation">
<path d="M0 14h20v2H0v-2zM0 0h20v2H0V0zm0 7h20v2H0V7z" fill="currentColor" fill-rule="evenodd"></path>
</svg></span>
<span class="icon-state__secondary"><svg focusable="false" cla… How to fixAdd a unique and descriptive accessible name to each navigation landmark using the 'aria-label' or 'aria-labelledby' attribute.
Medium
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
5 affected pages
5 instances
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref JWV2QK
Affected pagehttps://hitlights.com/
Element.jdgm-all-reviews-text__text > a
Accessible name4.7 out of 5 stars based on 1218 reviews
Markup<a href="https://hitlights.com/pages/hitlights-verified-reviews">4.7 out of 5 stars based on 1218 reviews</a>
How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels to make them easily accessible by touch.
Medium
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
5 affected pages
5 instances
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref FPO6TG
Affected pagehttps://hitlights.com/
Elementp > .announcement-bar__content--left.announcement-bar__content
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" class="announcement-bar__content announcement-bar__content--left"></a>
How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels or provide sufficient space around them to meet the target size requirement.
Medium
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
5 affected pages
5 instances
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref I3D92D
Affected pagehttps://hitlights.com/
Element.announcement-bar__inner > p > a[target="_blank"]
Accessible nameSave More if You Buy More Single Color Strips - Upto 16% All August | Shop Here
Markup<a href="https://hitlights.com/collections/single-color-led-strip-lights" target="_blank" title="https://hitlights.com/collections/single-color-led-strip-lights">Save More if You Buy More Single Color Strips - Upto 16% All August | Shop Here</a>
How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels to make them easily accessible by touch.
Medium
ARIA attributes have invalid values
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref YFZ1W0
Affected pagehttps://hitlights.com/
Element.select-button
Accessible nameEnglish
Markup<button type="button" class="select-button select-button--mini" aria-haspopup="true" aria-expanded="false" aria-controls="footer-locale-picker" data-action="open-value-picker">
How to fixVerify that all ARIA attributes have valid values and reference existing ids. Check the HTML structure to ensure that the referenced elements exist and are properly defined.
Medium
ARIA attributes have invalid values
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Component
5 affected pages
25 instances
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref 1AMDSZ
Affected pagehttps://hitlights.com/
Elementa[aria-controls="desktop-menu-0-1"]
Accessible nameLED Strip Lights
Markup<a href="https://hitlights.com/collections/led-light-strips" class="nav-bar__link link" data-type="menuitem" aria-expanded="false" aria-controls="desktop-menu-0-1" aria-haspopup="true">
How to fixVerify that all ARIA attributes have valid values and reference existing ids. Check the HTML element with the aria-controls attribute and ensure the referenced element exists and has a matching id
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref F9ZYK8
Affected pagehttps://hitlights.com/
Element.nav-bar__item:nth-child(4) > .nav-bar__link.link[data-type="menuitem"]
Accessible nameCustom | OEM Solutions
Markup<a href="https://hitlights.com/pages/customproject" class="nav-bar__link link" data-type="menuitem">Custom | OEM Solutions </a>
How to fixIncrease the contrast between the text color and background color of the navigation link to meet the minimum contrast ratio thresholds.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref Y89G5H
Affected pagehttps://hitlights.com/
Element.nav-bar__link.link[href$="subscribe-to-newsletter"]
Accessible nameSubscribe & Save Up to 20% ✉
Markup<a href="/pages/subscribe-to-newsletter" class="nav-bar__link link" data-type="menuitem">Subscribe & Save Up to 20% ✉</a>
How to fixIncrease the contrast between the text color and background color of the link to meet the minimum contrast ratio thresholds, such as using a darker or lighter color for the text or background.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
25 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref FNU1J5
Affected pagehttps://hitlights.com/
Elementa[aria-controls="desktop-menu-0-1"]
Accessible nameLED Strip Lights
Markup<a href="https://hitlights.com/collections/led-light-strips" class="nav-bar__link link" data-type="menuitem" aria-expanded="false" aria-controls="desktop-menu-0-1" aria-haspopup="true">
How to fixIncrease the contrast between the text color and background color of the navigation link to meet the minimum contrast ratio thresholds.
Medium
ARIA hidden element must not be focusable or contain focusable elements
ARIA hidden element must not be focusable or contain focusable elements
Component
1 affected page
1 instance
WCAG WCAG SC 4.1.2
Ref 11T4GM
Affected pagehttps://hitlights.com/
Element#block-slide-1
Accessible nameBuilt for LED Lighting Professionals. Trusted by 5,000+ Installers.
Pro-grade LED strips, drivers, & power supplies. Install faster & smarter.Join Our Pro ProgramGet 20% OFF On Your First Project
#block-slide-1 {
color: #ffffff;
}
#block-slide-1 .button {
color: #2d2d2d;
background: #eba800;
}
#block-slide-1 .button:hover {
background: rgba(235, 168, 0, 0.8);
}
Markup<div class="slideshow__slide" id="block-slide-1" data-block-index="0" style="position: absolute; left: 0%;" aria-hidden="true">
How to fixEnsure that elements with aria-hidden=true do not contain interactive elements and are not focusable themselves. Review the HTML structure and adjust the aria-hidden attribute or the element's focusability as necessary.
Medium
ARIA hidden element must not be focusable or contain focusable elements
ARIA hidden element must not be focusable or contain focusable elements
Component
1 affected page
1 instance
WCAG WCAG SC 4.1.2
Ref U12J6W
Affected pagehttps://hitlights.com/
Element#block-image_mbwYV4
Accessible name#block-image_mbwYV4 {
color: #ffffff;
}
#block-image_mbwYV4 .button {
color: #000000;
background: #ffffff;
}
#block-image_mbwYV4 .button:hover {
background: rgba(255, 255, 255, 0.8);
}
Markup<a href="https://hitlights.com/collections/ezdim-pro-2-in-1-dimmer-driver-combo" class="slideshow__slide" id="block-image_mbwYV4" data-block-index="1" style="position: absolute; left: 100%;" aria-hidden="true">
How to fixEnsure that elements marked with aria-hidden=true do not contain any focusable elements, such as links or buttons, or remove the aria-hidden attribute if the element should be accessible.
Low
Page has no level-one heading
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref PU9SE6
Affected pagehttps://hitlights.com/collections/pro-account-exclusive-june-bundles
Elementhtml > body
Accessible name<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NR67RWL"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
Skip to content
Save More if You Buy More Single Color Strips - Upto 16% All August | Shop Here 📞 1 (855) 768-413524/7 SupportChat|Voice
.announcement-bar {
background: #523874;
color: #ffffff;
}
/* The section's custom CSS makes .announcement-bar a flex container, which
causes .container to shrink to its content width. Force it to fill the bar
so the support box can sit at the true right edge. */
.announcement-bar > .container {
flex: 1 1 auto;
width: 100%;
max-width: 100%;
}
.announcement-bar__inner {
display: flex;
align-items: center;
flex-wrap: nowrap;
width: 100%;
gap: 12px;
}
.announcement-bar__support {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.3;
font-size: 13px;
font-weight: 600;
color: #ffffff;
font-weight: 950;
padding: 6px 20px;
border: 2px solid #ffffff;
border-radius: 4px;
white-space: nowrap;
margin-left: auto;
flex: 0 0 auto;
}
.announcement-bar__support-heading,
.announcement-bar__support-links {
display: block;
font-weight: 700;
}
.announcement-bar__support-link {
font-weight: 700;
}
.announcement-bar__support-divider-line {
display: block;
width: 100%;
height: 3px;
background: #ffffff;
margin: 4px 0;
}
/* Label is not interactive */
.announcement-bar__support-heading {
cursor: default;
}
/* Links: underlined by default so they read as clickable without relying on color */
a.announcement-bar__support-link {
color: inherit;
cursor: pointer;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
a.announcement-bar__support-link:hover,
a.announcement-bar__support-link:focus-visible {
opacity: 0.75;
text-decoration-thickness: 3px;
}
/* Fallback labels with no URL set stay unstyled */
span.announcement-bar__support-link {
text-decoration: none;
}
.announcement-bar__support-divider {
margin: 0 4px;
opacity: 0.7;
}
@media (max-width: 600px) {
.announcement-bar__support {
display: none;
}
}
document.documentElement.style.removeProperty('--announcement-bar-button-width');document.documentElement.style.setProperty('--announcement-bar-height', document.getElementById('shopify-section-sections--20714204725488__announcement-bar').clientHeight + 'px');
#shopify-section-sections--20714204725488__announcement-bar .announcement-bar {text-align: left; padding: 10px 20px; font-size: 16px; color: #ffff; height: auto; display: flex; align-items: center; flex-wrap: wrap;} @media (max-width: 600px) {#shopify-section-sections--20714204725488__announcement-bar .announcement-bar {padding: 10px 15px; font-size: 14px; text-align: center; }}
LED Strip Lights
Transformers
Mounting Supplies
Custom | OEM Solutions Professional Partners
Contact Us
Subscribe & Save Up to 20% ✉
Need help?
1-855-768-4135
[email removed]
Follow Us
Facebook
Instagram
Pinterest
YouTube
LinkedIn
Back
LED Strip Lights
Single Color LED Strip LightsMulti-Color LED Strip LightsKits and Bundle CollectionsTradeshow LightsClearance Deals
Back
Transformers
Non-Dimmable Power SupplyDimmable Drivers
Back
Mounting Supplies
Aluminum ChannelMounting TapeAccessories
Back
Professional Partners
Professional Partner ProgramProfessional Partner Program Sign Up Form
Back
Contact Us
Contact UsTerms Of ServiceReturns and Exchange ProcessEasy & Extended Shipping OptionsCareers
HitLights
Clear
All categories
All categoriesDimmableLED Light Strip Connectors and AccessoriesLED Light Strip Controllers and DimmersLED Light Strip KitsLED Light Strip Mounting SuppliesNon Dimmable Power SupplySingle Color LED Light StripsTools & Home Improvement
Close
LED Light Strips
Single Color
Multicolor RGB / RGBW
Indoor LED Strips
Outdoor LED Strips
High Density LED Strip Lights
Standard Density LED Strip Lights
ALL Strips
Language
English
English
Español
Login / Signup
My account
0
Cart
LED Strip Lights
…[truncated by Evolize: exceeded D1 value limit]
Markup<body class="warehouse--v4 features--animate-zoom template-collection smart-cart--enabled" data-instant-intensity="viewport"><svg class="visually-hidden">
<linearGradient id="rating-star-gradient-half">
<stop offset="50%" stop-color="var(--product-review-star-color)"></stop>
<stop offset="50%" stop-color="rgba(var(--text-color-rgb), .4)" stop-opacity="0.4"></stop>
</linearGradient>
</svg>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NR67RWL"
height="0" width="0" style="display:none;visibility:hidd… How to fixAdd a level-one heading (h1) to the page that accurately describes its main topic or purpose. Ensure this heading is the first heading on the page and is properly nested within the HTML structure.
Low
ARIA attributes have invalid values
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Component
2 affected pages
18 instances
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref 5FJOPM
Affected pagehttps://hitlights.com/
Elementsvg[aria-labelledby="pi-american_express"]
Roleimg
Markup<svg class="payment-list__item" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express">
How to fixVerify that the id referenced by the aria-labelledby attribute exists and is valid. If the id does not exist, create it or update the aria-labelledby attribute to reference a valid id. Ensure that the referenced element provides a clear and concise description of the image.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
6 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref AEMBEA
Affected pagehttps://hitlights.com/
Elementa[data-collection-index="0"] > .collection-item__title.text--strong
Accessible nameFeatured Products
Markup<span class="collection-item__title text--strong">Featured Products</span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.