Accessibility Scan Report

Title: Preserve Chunk 2 Issue: #140 Date: 3/13/2026, 2:57:09 PM Duration: 10.2m URLs: 77 / 77

Summary

Total Issues

9595

Across 42 unique rules

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below.

Page axe UniqueEqual Access Unique Total Unique
View Page Preserve Toothbrush in Lightweight Pouch | Single 196
View Page Preserve Toothbrush in Lightweight Pouch | 6-pack 176
View Page Preserve Toothbrush in Lightweight Pouch | Single 175
View Page Preserve Toothbrush in Lightweight Pouch | Single 172
View Page Medium Compostable Plate | 24 Count – Preserve 161
View Page Preserve Colander | Small 160
View Page Preserve Kids Toothbrush | Single 160
View Page Shave 3 Razor System| Handle & 2 Blades – Preserve 158
View Page Preserve Toothbrush in Lightweight Pouch | 6-pack 158
View Page Preserve Shave 5 Razor System | Handle & 1 Blade 156

🔧 Most Common Issues (axe)

10 rules
389 Critical axe SC 1.1.1 A image-alt:
76 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Affected Pages

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img
Example 2 View on Page
Images must have alternative text
Mode: light
<img srcset="https://i.shgcdn.com..." sizes="100vw" src="https://i.shgcdn.com..." class="shogun-image " decoding="async" loading="eager" draggable="false">
XPath: img[loading="eager"]
Example 3 View on Page
Images must have alternative text
Mode: light
<img srcset="https://i.shgcdn.com..." sizes="100vw" src="https://i.shgcdn.com..." class="shogun-image " decoding="async" loading="lazy" draggable="false">
XPath: img[loading="lazy"]
Example 4 View on Page
Images must have alternative text
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img
Example 5 View on Page
Images must have alternative text
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/bcorp-icon.PNG?6054642618249289208">
XPath: .tooltip:nth-child(1) > img
143 Moderate axe heading-order:
76 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="home__subtitle">Related</h3>
XPath: h3
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5
84 Moderate axe region:
76 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link
76 Critical axe SC 4.1.2 A button-name:
76 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
Buttons must have discernible text
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
Example 2 View on Page
Buttons must have discernible text
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
Example 3 View on Page
Buttons must have discernible text
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
Example 4 View on Page
Buttons must have discernible text
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
Example 5 View on Page
Buttons must have discernible text
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
76 Serious axe SC 1.4.3 AA color-contrast:
72 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Affected Pages

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message
76 Serious axe SC 3.1.1 A html-has-lang:
76 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Affected Pages

Examples

Example 1 View on Page
<html> element must have a lang attribute
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n7-active wf-opensans-n4-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html
Example 2 View on Page
<html> element must have a lang attribute
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html
Example 3 View on Page
<html> element must have a lang attribute
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html
Example 4 View on Page
<html> element must have a lang attribute
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n7-active wf-opensans-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active" style="">
XPath: html
Example 5 View on Page
<html> element must have a lang attribute
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i7-active wf-opensans-i4-active wf-oswald-n4-active wf-active" style="">
XPath: html
76 Critical axe SC 4.1.2 A label:
76 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
Form elements must have labels
Mode: light
<input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar
Example 2 View on Page
Form elements must have labels
Mode: light
<input class="search-bar" type="search" name="q">
XPath: .search-bar
Example 3 View on Page
Form elements must have labels
Mode: light
<input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar
Example 4 View on Page
Form elements must have labels
Mode: light
<input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar
Example 5 View on Page
Form elements must have labels
Mode: light
<input class="search-bar" type="search" name="q">
XPath: .search-bar
63 Serious axe SC 4.1.2 A aria-input-field-name:
63 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" style="opacity: 1; width: 4422px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 2 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" style="opacity: 1; width: 4422px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 3 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" style="opacity: 1; width: 3685px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 4 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" style="opacity: 1; width: 5159px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 5 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" style="opacity: 1; width: 19899px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
63 Moderate axe SC 4.1.2 A aria-toggle-field-name:
63 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<div class="product__photo slick-slide slick-current slick-active" data-thumb="//www.preserve.eco/cdn/shop/files/preserve-large-fs-green_small_cropped.jpg?v=1764175523" data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .slick-current
Example 2 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<div class="product__photo slick..." data-thumb="//www.preserve.eco/c..." data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .slick-current
Example 3 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<div class="product__photo slick..." data-thumb="//www.preserve.eco/c..." data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .slick-current
Example 4 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<div class="product__photo slick-slide slick-current slick-active" data-thumb="//www.preserve.eco/cdn/shop/products/otg-cups-green_small_cropped.jpg?v=1517173673" data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .slick-current
Example 5 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<div class="product__photo slick-slide slick-current slick-active" data-thumb="//www.preserve.eco/cdn/shop/files/LWP_small_cropped.jpg?v=1697593659" data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .slick-current

🔧 Most Common Issues (Equal Access)

32 rules
1755 Moderate equalAccess style_focus_visible:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input name="q" type="search" class="search-bar">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button class="btn search-btn" type="submit">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<div style="position: relative; background-color: rgb(253, 52, 29); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Bright Poppy Red" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-ed717618-11db-4b02-885b-40d4360097ff">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<div style="position: relative; background-color: rgb(15, 55, 126); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Navy" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-c1ac7700-56ce-4831-97b5-e8b4ef4feefc">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<div style="position: relative; background-color: rgb(232, 247, 86); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Key Lime" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-e99847fc-c3e7-4688-8a48-0449e563d3f2">
1064 Moderate equalAccess aria_attribute_deprecated:
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-disabled" are deprecated for the role "none" in the ARIA specification
Mode: light
<div style="position: relative; background-color: rgb(253, 52, 29); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Bright Poppy Red" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-ed717618-11db-4b02-885b-40d4360097ff">
Example 2 View on Page
The ARIA attributes "aria-disabled" are deprecated for the role "none" in the ARIA specification
Mode: light
<div style="position: relative; background-color: rgb(15, 55, 126); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Navy" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-c1ac7700-56ce-4831-97b5-e8b4ef4feefc">
Example 3 View on Page
The ARIA attributes "aria-disabled" are deprecated for the role "none" in the ARIA specification
Mode: light
<div style="position: relative; background-color: rgb(232, 247, 86); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Key Lime" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-e99847fc-c3e7-4688-8a48-0449e563d3f2">
Example 4 View on Page
The ARIA attributes "aria-disabled" are deprecated for the role "none" in the ARIA specification
Mode: light
<div style="position: relative; background-color: rgb(248, 231, 28); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Sunshine" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-bead8232-52f8-40ed-8d09-87acea2d7da0">
Example 5 View on Page
The ARIA attributes "aria-disabled" are deprecated for the role "none" in the ARIA specification
Mode: light
<div style="position: relative; background-color: rgb(250, 202, 196); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Coral" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-e3e903e9-41e5-4155-97bb-aecbfb902dfa">
1064 Moderate equalAccess element_tabbable_role_valid:
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="position: relative; background-color: rgb(253, 52, 29); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Bright Poppy Red" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-ed717618-11db-4b02-885b-40d4360097ff">
Example 2 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="position: relative; background-color: rgb(15, 55, 126); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Navy" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-c1ac7700-56ce-4831-97b5-e8b4ef4feefc">
Example 3 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="position: relative; background-color: rgb(232, 247, 86); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Key Lime" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-e99847fc-c3e7-4688-8a48-0449e563d3f2">
Example 4 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="position: relative; background-color: rgb(248, 231, 28); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Sunshine" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-bead8232-52f8-40ed-8d09-87acea2d7da0">
Example 5 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="position: relative; background-color: rgb(250, 202, 196); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Coral" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-e3e903e9-41e5-4155-97bb-aecbfb902dfa">
842 Moderate equalAccess element_tabbable_visible:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/pages/contact-us123">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="CartToggle header-cart" href="/cart">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a itemprop="url" href="/">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="nav-link" href="/collections">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="nav-link" href="/pages/overview">
411 Moderate equalAccess aria_role_redundant:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" class="site-header header--large showMobile">
Example 2 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main" class="main-content">
Example 3 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer itemtype="http://schema.org/Organization" itemscope="" data-section-type="footer" data-section-id="footer" role="contentinfo" class="site-footer-wrapper">
Example 4 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" class="site-header header--large showMobile">
Example 5 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main" class="main-content">
389 Moderate equalAccess img_alt_valid:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
Example 2 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img draggable="false" loading="eager" decoding="async" class="shogun-image " src="https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/" sizes="100vw" srcset="https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/180x/ 180w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/360x/ 360w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/720x/ 720w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/900x/ 900w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/1080x/ 1080w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/1200x/ 1200w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/1920x/ 1920w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/2048x/ 2048w">
Example 3 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img draggable="false" loading="lazy" decoding="async" class="shogun-image " src="https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/" sizes="100vw" srcset="https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/180x/ 180w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/360x/ 360w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/720x/ 720w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/900x/ 900w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/1080x/ 1080w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/1200x/ 1200w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/1920x/ 1920w,https://i.shgcdn.com/85968a7b-bbcb-4e4f-8d02-94f6dff32565/-/resize/2048x/ 2048w">
Example 4 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
Example 5 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/bcorp-icon.PNG?6054642618249289208">
351 Moderate equalAccess aria_id_unique:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'id' "slick-slide00" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/files/preserve-large-fs-green_small_cropped.jpg?v=1764175523" class="product__photo slick-slide slick-current slick-active">
Example 2 View on Page
The 'id' "slick-slide01" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<div aria-describedby="slick-slide01" role="option" tabindex="-1" style="width: 483px;" aria-hidden="true" data-slick-index="1" data-thumb="//www.preserve.eco/cdn/shop/files/preserve-large-fs-red_46054568-9d83-4313-ace5-5b1d727d3e61_small_cropped.jpg?v=1764175523" class="product__photo product__photo--additional slick-slide">
Example 3 View on Page
The 'id' "slick-slide02" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<div aria-describedby="slick-slide02" role="option" tabindex="-1" style="width: 483px;" aria-hidden="true" data-slick-index="2" data-thumb="//www.preserve.eco/cdn/shop/files/preserve-large-fs-aqua_small_cropped.jpg?v=1764175523" class="product__photo product__photo--additional slick-slide">
Example 4 View on Page
The 'id' "slick-slide03" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<div aria-describedby="slick-slide03" role="option" tabindex="-1" style="width: 483px;" aria-hidden="true" data-slick-index="3" data-thumb="//www.preserve.eco/cdn/shop/products/Large-Round-Lifestyle_small_cropped.png?v=1764014540" class="product__photo product__photo--additional slick-slide">
Example 5 View on Page
The 'id' "slick-slide00" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/products/POPi-TB-Package-NeptuneGreen-TB-pack_small_cropped.jpg?v=1569491339" class="product__photo slick-slide slick-current slick-active">
247 Moderate equalAccess text_block_heading:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'FREE SHIPPING ON ALL U.S. ORDERS OVER $50!' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div style="text-align: center; display: inline-block; width: 100%; color: inherit; position: relative; z-index: 1; font-size: 18px;" aria-hidden="true" id="qab_content">
Example 2 View on Page
Confirm this text 'info@preserve.eco info@preserve.eco' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 3 View on Page
Confirm this text 'FREE SHIPPING ON ALL U.S. ORDERS OVER $50!' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div style="text-align: center; display: inline-block; width: 100%; color: inherit; position: relative; z-index: 1; font-size: 18px;" aria-hidden="true" id="qab_content">
Example 4 View on Page
Confirm this text 'Quantity' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div id="Quantity-product" class="quantity-selector__wrapper text-center">
Example 5 View on Page
Confirm this text 'info@preserve.eco info@preserve.eco' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
234 Moderate equalAccess a_text_purpose:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="/account">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="/pages/contact-us123">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a class="CartToggle header-cart" href="/cart">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="/account">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="/pages/contact-us123">
216 Moderate equalAccess input_label_visible:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input name="contact[email]" autocapitalize="off" autocorrect="off" aria-label="your-email@example.com" class="input-group-field" id="mail" placeholder="your-email@example.com" type="email">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<input value="Subscribe" id="subscribe" name="subscribe" class="btn uppercase" type="submit">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 4 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input name="contact[email]" autocapitalize="off" autocorrect="off" aria-label="your-email@example.com" class="input-group-field" id="mail" placeholder="your-email@example.com" type="email">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<input value="Subscribe" id="subscribe" name="subscribe" class="btn uppercase" type="submit">
215 Moderate equalAccess input_label_exists:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form control element <input> has no associated label
Mode: light
<input name="q" type="search" class="search-bar">
Example 2 View on Page
Form control element <button> has no associated label
Mode: light
<button class="btn search-btn" type="submit">
Example 3 View on Page
Form control element <input> has no associated label
Mode: light
<input name="q" type="search" class="search-bar">
Example 4 View on Page
Form control element <button> has no associated label
Mode: light
<button class="btn search-btn" type="submit">
Example 5 View on Page
Form control with "listbox" role has no associated label
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
207 Moderate equalAccess element_attribute_deprecated:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
Example 2 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
Example 3 View on Page
The HTML attribute(s) "align" is deprecated in HTML 5
Mode: light
<div align="left">
Example 4 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe style="overflow:hidden;height:0;width:100%; box-shadow:unset; outline:unset; color-scheme:none;" margin="0" scrolling="no" frameborder="0" width="100%" height="0" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512376587?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
149 Moderate equalAccess element_tabbable_unobscured:
68 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a href="/account">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<input name="q" type="search" class="search-bar">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button class="btn search-btn" type="submit">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<div style="position: relative; background-color: rgb(250, 202, 196); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Coral" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-e3e903e9-41e5-4155-97bb-aecbfb902dfa">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<div style="position: relative; background-color: rgb(179, 235, 233); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Neptune" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-405 PwzrButton-root-376 PwzrButton-text-378 rio-swatch-border-double-9389b872-9ae9-4c0f-8707-e80b46a6f6ab">
126 Moderate equalAccess aria_form_label_unique:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form class="product-form-product product-form" data-section="product" id="AddToCartForm-{{ section.id }" enctype="multipart/form-data" method="post" action="/cart/add">
Example 2 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form class="contact-form" accept-charset="UTF-8" id="contact_form" action="/contact#contact_form" method="post">
Example 3 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form class="product-form-product product-form" data-section="product" id="AddToCartForm-{{ section.id }" enctype="multipart/form-data" method="post" action="/cart/add">
Example 4 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form class="contact-form" accept-charset="UTF-8" id="contact_form" action="/contact#contact_form" method="post">
Example 5 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form class="product-form-product product-form" data-section="product" id="AddToCartForm-{{ section.id }" enctype="multipart/form-data" method="post" action="/cart/add">
95 Moderate equalAccess aria_keyboard_handler_exists:
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
Example 3 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 4 View on Page
Verify the <fieldset> element with "radiogroup" role has keyboard access
Mode: light
<fieldset data-bsub-widget="" role="radiogroup" class="bsub-widget">
Example 5 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
83 Moderate equalAccess aria_child_valid:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="tabs product-tabs-title">
Example 2 View on Page
The element with role "radiogroup" owns the child element with the role "graphics-document" that is not one of the allowed role(s): "radio"
Mode: light
<fieldset data-bsub-widget="" role="radiogroup" class="bsub-widget">
Example 3 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="tabs product-tabs-title">
Example 4 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="tabs product-tabs-title">
Example 5 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="tabs product-tabs-title">
81 Moderate equalAccess widget_tabbable_exists:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Component with "listbox" role does not have a tabbable element
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 View on Page
Component with "listbox" role does not have a tabbable element
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 3 View on Page
Component with "radiogroup" role does not have a tabbable element
Mode: light
<fieldset data-bsub-widget="" role="radiogroup" class="bsub-widget">
Example 4 View on Page
Component with "listbox" role does not have a tabbable element
Mode: light
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 5 View on Page
Component with "listbox" role does not have a tabbable element
Mode: light
<div role="listbox" style="opacity: 1; width: 3381px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
78 Moderate equalAccess text_contrast_sufficient:
73 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<span style="color: inherit; font-size: 18px;" id="qab_message">
Example 2 View on Page
Text contrast of 4.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
Mode: light
<span style="color: inherit; font-size: 18px;" id="qab_message">
Example 3 View on Page
Text contrast of 4.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
Mode: light
<span style="color: inherit; font-size: 18px;" id="qab_message">
Example 4 View on Page
Text contrast of 4.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
Mode: light
<span style="color: inherit; font-size: 18px;" id="qab_message">
Example 5 View on Page
Text contrast of 4.30 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
Mode: light
<span style="color: inherit; font-size: 18px;" id="qab_message">
76 Moderate equalAccess html_lang_exists:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html style="" class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active">
Example 2 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html style="" class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n7-active wf-opensans-i7-active wf-oswald-n4-active wf-active">
Example 3 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html style="" class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n7-active wf-opensans-i7-active wf-oswald-n4-active wf-active">
Example 4 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html style="" class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n7-active wf-opensans-i7-active wf-oswald-n4-active wf-active">
Example 5 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html style="" class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n7-active wf-opensans-i7-active wf-oswald-n4-active wf-active">
76 Moderate equalAccess style_highcontrast_visible:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans">
76 Moderate equalAccess style_color_misuse:
76 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link media="all" type="text/css" rel="stylesheet" href="//www.preserve.eco/cdn/shop/t/21/assets/style.scss.css?v=161406752355558598801726754389">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link media="all" type="text/css" rel="stylesheet" href="//www.preserve.eco/cdn/shop/t/21/assets/style.scss.css?v=161406752355558598801726754389">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link media="all" type="text/css" rel="stylesheet" href="//www.preserve.eco/cdn/shop/t/21/assets/style.scss.css?v=161406752355558598801726754389">
64 Moderate equalAccess text_sensory_misuse:
38 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'Round, Large'
Mode: light
<span>
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'Round, Large'
Mode: light
<h1 class="h2" itemprop="name">
Example 3 View on Page
Confirm the word(s) 'screw-top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'Medium'
Mode: light
<span style="font-size: 14px; color: rgb(0, 0, 0); font-weight: normal; text-transform: none;">
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'big, pocket-sized'
Mode: light
<span>
63 Moderate equalAccess aria_child_tabbable:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 3 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 4 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div role="listbox" style="opacity: 1; width: 3381px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 5 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div role="listbox" style="opacity: 1; width: 13041px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
63 Moderate equalAccess aria_widget_labelled:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/files/preserve-large-fs-green_small_cropped.jpg?v=1764175523" class="product__photo slick-slide slick-current slick-active">
Example 2 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/products/POPi-TB-Package-NeptuneGreen-TB-pack_small_cropped.jpg?v=1569491339" class="product__photo slick-slide slick-current slick-active">
Example 3 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/products/Lunchpack_productlisting_small_cropped.jpg?v=1516759503" class="product__photo slick-slide slick-current slick-active">
Example 4 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/products/otg-cups-green_small_cropped.jpg?v=1517173673" class="product__photo slick-slide slick-current slick-active">
Example 5 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//www.preserve.eco/cdn/shop/files/LWP_small_cropped.jpg?v=1697593659" class="product__photo slick-slide slick-current slick-active">
63 Moderate equalAccess frame_src_valid:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow:hidden;height:0;width:100%; box-shadow:unset; outline:unset; color-scheme:none;" margin="0" scrolling="no" frameborder="0" width="100%" height="0" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512376587?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow: hidden; height: 1820px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="1820px" src="https://loox.io/widget/4JZEXBcfNh/reviews/3750152470580?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow: hidden; height: 1382px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="1382px" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512370187?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow: hidden; height: 1762px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="1762px" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512360907?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow: hidden; height: 1497px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="1497px" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512364235?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
63 Moderate equalAccess aria_complementary_labelled:
63 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="grid page-margin">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="grid page-margin">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="grid page-margin">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="grid page-margin">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="grid page-margin">
62 Moderate equalAccess element_id_unique:
61 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <input> element has the id "" that is empty
Mode: light
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 2 View on Page
The <input> element has the id "" that is empty
Mode: light
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 3 View on Page
The <input> element has the id "" that is empty
Mode: light
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 4 View on Page
The <input> element has the id "" that is empty
Mode: light
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 5 View on Page
The <input> element has the id "" that is empty
Mode: light
<input mm-step="1" step="1" mm-max="10" max="10" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
61 Moderate equalAccess label_ref_valid:
61 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The value "Quantity" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="quantity-selector uppercase" for="Quantity">
Example 2 View on Page
The value "Quantity" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="quantity-selector uppercase" for="Quantity">
Example 3 View on Page
The value "Quantity" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="quantity-selector uppercase" for="Quantity">
Example 4 View on Page
The value "Quantity" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="quantity-selector uppercase" for="Quantity">
Example 5 View on Page
The value "Quantity" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="quantity-selector uppercase" for="Quantity">
18 Moderate equalAccess svg_graphics_labelled:
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg fill="currentColor" viewBox="0 0 72 72" class="bsub-widget__image">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg fill="currentColor" viewBox="0 0 72 72" class="bsub-widget__image">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg fill="currentColor" viewBox="0 0 72 72" class="bsub-widget__image">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg fill="currentColor" viewBox="0 0 72 72" class="bsub-widget__image">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg fill="currentColor" viewBox="0 0 72 72" class="bsub-widget__image">
14 Moderate equalAccess aria_role_valid:
14 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
Example 2 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
Example 3 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
Example 4 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
Example 5 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input autocomplete="off" autocapitalize="off" autocorrect="off" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" role="combobox" name="q" type="search" class="search-bar snize-input-style">
8 Moderate equalAccess text_quoted_correctly:
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " x 11.5"
Mode: light
<li>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " x 11.5"
Mode: light
<li>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " × 9"
Mode: light
<li>
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " × 9"
Mode: light
<li>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " x 10"
Mode: light
<li>
1 Moderate equalAccess list_markup_review:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2>