Accessibility Scan Report

Title: Preserve Chunk 1 Scan Issue: #139 Date: 3/13/2026, 4:53:04 PM Duration: 14.3m URLs: 50 / 50

Summary

Issues

  • By Level: A (740), AA (255), AAA (49)
  • By Version (A & AA): WCAG 2.0 (806), WCAG 2.1 (0), WCAG 2.2 (189)
  • By Category: axe-strict (606), Best Practice (60), Other unique errors (5483)
  • Total: 6149 across 86 unique rules and 5 accessibility engines

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 UniqueALFA UniqueEqual Access UniqueAccessLint UniqueQualWeb Unique Total Unique
View Page Preserve Toothbrush in Lightweight Pouch | Single 331
View Page Preserve Kids Toothbrush | Single 312
View Page Preserve Everyday Bowl | 4 Count 289
View Page Preserve Toothbrush in Lightweight Pouch | 6-pack 280
View Page Preserve Everyday Bowl | 4 Count 274
View Page Preserve Kids Toothbrush | Single 273
View Page Travel – Preserve 258
View Page Preserve Medium Weight Cutlery | Knives, Forks, Spoons | 8 sets 253
View Page Reusables – Preserve 252
View Page Toothbrush in Lightweight Paper Packaging - Surprise Colors | 3 Pack – Preserve 249

🔧 Most Common Issues (ALFA)

19 rules
382 Moderate alfa SIA-R86: Page has a mechanism to bypass repeated blocks of content
24 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element is marked as decorative but is exposed
Mode: light
<div class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-5026a334-9141-41f5-bc94-239427e62c8e" tabindex="0" role="none" aria-disabled="false" data-option-value="Sea Grass" style="position: relative; background-color: rgb(218, 235, 182); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-5026a334-9141-41f5-bc94-239427e62c8e"]
Example 2 View on Page
The element is marked as decorative but is exposed
Mode: light
<div class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-cd346039-a7e4-471e-873d-fc77334bda02" tabindex="0" role="none" aria-disabled="false" data-option-value="Natural" style="position: relative; background-color: rgb(240, 236, 217); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-cd346039-a7e4-471e-873d-fc77334bda02"]
Example 3 View on Page
The element is marked as decorative but is exposed
Mode: light
<div class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-dfba2514-3bcc-4aaf-8917-eca70dae30bd" tabindex="0" role="none" aria-disabled="false" data-option-value="Red Lily" style="position: relative; background-color: rgb(250, 149, 129); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-dfba2514-3bcc-4aaf-8917-eca70dae30bd"]
Example 4 View on Page
The element is marked as decorative but is exposed
Mode: light
<div class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-cab0961b-030a-4297-9125-b6da4d2c0255" tabindex="0" role="none" aria-disabled="false" data-option-value="Cornflower" style="position: relative; background-color: rgb(206, 230, 237); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-cab0961b-030a-4297-9125-b6da4d2c0255"]
Example 5 View on Page
The element is marked as decorative but is exposed
Mode: light
<div class="PwzrButtonBase-root-590 PwzrButton-root-561 PwzrButton-text-563 rio-swatch-border-double-ff916aa6-ad2d-4ccb-8fb6-9739d8d51b42" tabindex="0" role="none" aria-disabled="false" data-option-value="Sea Grass" style="position: relative; background-color: rgb(218, 235, 182); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-590 PwzrButton-root-561 PwzrButton-text-563 rio-swatch-border-double-ff916aa6-ad2d-4ccb-8fb6-9739d8d51b42"]
189 Serious alfa SC 2.5.8 AA SIA-R111: Interactive elements have a sufficient target size
49 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Affected Pages

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<a href="/account">...</a>
XPath: /a
Example 2 View on Page
Target has insufficient size
Mode: light
<a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]
Example 4 View on Page
Target has insufficient size
Mode: light
<a href="/account">...</a>
XPath: /a
Example 5 View on Page
Target has insufficient size
Mode: light
<a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]
100 Critical alfa SC 4.1.2 A SIA-R11: Button elements have an accessible name
49 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
The link does not have an accessible name
Mode: light
<a href="/account">...</a>
XPath: /a
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a href="/account">...</a>
XPath: /a
Example 4 View on Page
The link does not have an accessible name
Mode: light
<a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]
Example 5 View on Page
The link does not have an accessible name
Mode: light
<a href="/account">...</a>
XPath: /a
60 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
49 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h4 class="home__subtitle">SHOP PRESERVE</h4>
XPath: /h4[@class="home__subtitle"]
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]
Example 5 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]
59 Critical alfa SC 1.3.1, SC 4.1.2 A SIA-R8: Form elements have accessible labels
49 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.3.1, SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
The form field does not have an accessible name
Mode: light
<input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]
Example 2 View on Page
The form field does not have an accessible name
Mode: light
<input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]
Example 3 View on Page
The form field does not have an accessible name
Mode: light
<input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]
Example 4 View on Page
The form field does not have an accessible name
Mode: light
<input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]
Example 5 View on Page
The form field does not have an accessible name
Mode: light
<input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]
52 Serious alfa SC 3.1.1 A SIA-R2: HTML elements have a valid lang attribute
49 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Affected Pages

Examples

Example 1 View on Page
The image does not have an accessible name
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img
Example 2 View on Page
The image does not have an accessible name
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img
Example 3 View on Page
The image does not have an accessible name
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img
Example 4 View on Page
The image does not have an accessible name
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img
Example 5 View on Page
The image does not have an accessible name
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img
49 Serious alfa SC 2.4.4, SC 4.1.2 A SIA-R12: Links have an accessible name
49 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.4.4, SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
The button does not have an accessible name
Mode: light
<button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]
Example 2 View on Page
The button does not have an accessible name
Mode: light
<button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]
Example 3 View on Page
The button does not have an accessible name
Mode: light
<button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]
Example 4 View on Page
The button does not have an accessible name
Mode: light
<button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]
Example 5 View on Page
The button does not have an accessible name
Mode: light
<button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]
49 Serious alfa SC 2.4.2 A SIA-R4: Page has a descriptive title
49 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.2 A

Affected Pages

Examples

Example 1 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i4-active wf-opensans-i7-active wf-active"]
Example 2 View on Page
The `lang` attribute is either missing, empty, or only whitespace
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-i7-active wf-opensans-i4-active wf-active" style="">...</html>
XPath: /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-i7-active wf-opensans-i4-active wf-active"]
Example 3 View on Page
The `lang` attribute is either missing, empty, or only whitespace
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-i7-active wf-opensans-i4-active wf-active" style="">...</html>
XPath: /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-i7-active wf-opensans-i4-active wf-active"]
Example 4 View on Page
The `lang` attribute is either missing, empty, or only whitespace
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="">...</html>
XPath: /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"]
Example 5 View on Page
The `lang` attribute is either missing, empty, or only whitespace
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="">...</html>
XPath: /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"]
49 Moderate alfa SC 1.4.6 AAA SIA-R66: Text has enhanced contrast with its background
49 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Affected Pages

Examples

Example 1 View on Page
The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1
Mode: light
28 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
26 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="h6 name_wrapper"> Preserve Hoodie| Pact® | Lighter Footprin...</p>
XPath: /p[@class="h6 name_wrapper"]
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="h6 name_wrapper"> Compostable Straws | 50 Count </p>
XPath: /p[@class="h6 name_wrapper"]
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="h6 name_wrapper"> Food Storage Set | 6 containers </p>
XPath: /p[@class="h6 name_wrapper"]
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="h6 name_wrapper"> Shave 5 Razor System | Handle & 1 Blade ...</p>
XPath: /p[@class="h6 name_wrapper"]
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="h6 name_wrapper"> Small On The Go Plates | 10 Count (Discon...</p>
XPath: /p[@class="h6 name_wrapper"]
25 Moderate alfa SIA-R72:
25 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="h6 name_wrapper"> Preserve Hoodie| Pact® | Lighter Footprin...</p>
XPath: /p[@class="h6 name_wrapper"]
Example 2 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="h6 name_wrapper"> Compostable Straws | 50 Count </p>
XPath: /p[@class="h6 name_wrapper"]
Example 3 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="h6 name_wrapper"> Food Storage Set | 6 containers </p>
XPath: /p[@class="h6 name_wrapper"]
Example 4 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="h6 name_wrapper"> Shave 5 Razor System | Handle & 1 Blade ...</p>
XPath: /p[@class="h6 name_wrapper"]
Example 5 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="h6 name_wrapper"> Small On The Go Plates | 10 Count (Discon...</p>
XPath: /p[@class="h6 name_wrapper"]
24 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
24 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute is not allowed for the element on which it is specified
Mode: light
Example 2 View on Page
The attribute is not allowed for the element on which it is specified
Mode: light
Example 3 View on Page
The attribute is not allowed for the element on which it is specified
Mode: light
Example 4 View on Page
The attribute is not allowed for the element on which it is specified
Mode: light
Example 5 View on Page
The attribute is not allowed for the element on which it is specified
Mode: light
16 Moderate alfa SIA-R68: Accessible name contains the visible label text
10 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light
<fieldset class="bsub-widget" role="radiogroup" data-bsub-widget="">...</fieldset>
XPath: /fieldset[@class="bsub-widget"]
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul />
XPath: /ul
Example 3 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul class="tabs product-tabs-title"> </ul>
XPath: /ul[@class="tabs product-tabs-title"]
Example 4 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul class="tabs product-tabs-title"> </ul>
XPath: /ul[@class="tabs product-tabs-title"]
Example 5 View on Page
The element owns no elements as required by its semantic role
Mode: light
<fieldset class="bsub-widget" role="radiogroup" data-bsub-widget="">...</fieldset>
XPath: /fieldset[@class="bsub-widget"]
12 Moderate alfa SIA-R78: Headings of same level have text content between them
12 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="h3 blog__article__title">Waste Warriors: POPi Partner Stepping in Where The...</h3>
XPath: /h3[@class="h3 blog__article__title"]
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h1>...</h1>
XPath: /h1
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h5 class="product__price uppercase h5">...</h5>
XPath: /h5[@class="product__price uppercase h5"]
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h5 class="product__price uppercase h5">...</h5>
XPath: /h5[@class="product__price uppercase h5"]
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h5 class="product__price uppercase h5">...</h5>
XPath: /h5[@class="product__price uppercase h5"]
11 Moderate alfa SIA-R61:
11 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The document does not start with a level 1 heading
Mode: light
Example 2 View on Page
The document does not start with a level 1 heading
Mode: light
Example 3 View on Page
The document does not start with a level 1 heading
Mode: light
Example 4 View on Page
The document does not start with a level 1 heading
Mode: light
Example 5 View on Page
The document does not start with a level 1 heading
Mode: light
3 Serious alfa SC 1.4.3 AA SIA-R69: Text has sufficient contrast with its background
3 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Examples

Example 1 View on Page
The highest possible contrast of the text is 2.09:1 which is below the required contrast of 4.5:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 3.24:1 which is below the required contrast of 4.5:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 2.06:1 which is below the required contrast of 4.5:1
Mode: light
1 Moderate alfa SIA-R113:
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a href="https://cdn.shopify.com/s/files/1/2372/0029/files/2019_MacArthur_Progress_Report_FINAL.pdf?v=1596806045" target="_blank">–</a>
XPath: /a
1 Moderate alfa SIA-R80: ASCII art has a text alternative
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height is specified using an absolute unit
Mode: light
<p style="text-align: right; line-height: 8px;">...</p>
XPath: /p
1 Serious alfa SC 1.4.1 A SIA-R62: Links are visually distinguishable from surrounding text
1 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer, UX Designer

Blocking: No

WCAG: SC 1.4.1 A

Affected Pages

Examples

Example 1 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a href="https://www.preserve.eco/pages/popi-about">Preserve Ocean Plastic Initiative (POPi)</a>
XPath: /a

🔧 Most Common Issues (axe)

12 rules
98 Critical axe SC 1.1.1 A image-alt:
49 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 src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img
Example 3 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 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="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img
63 Serious axe SC 1.4.3 AA color-contrast:
46 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
61 Critical axe SC 4.1.2 A label:
49 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 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
60 Moderate axe heading-order:
49 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
<h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="home__subtitle">SHOP PRESERVE</h4>
XPath: .wrapper > h4
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
52 Moderate axe region:
49 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
49 Critical axe SC 4.1.2 A button-name:
49 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
49 Serious axe SC 3.1.1 A html-has-lang:
49 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-n4-active wf-opensans-n7-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-opensans-i4-active wf-opensans-i7-active wf-oswald-n4-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-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 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-i7-active wf-opensans-i4-active wf-oswald-n4-active wf-opensans-n4-active wf-opensans-n7-active wf-active" style="">
XPath: html
10 Serious axe SC 4.1.2 A aria-input-field-name:
10 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: 5159px; 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: 4422px; 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: 4422px; 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: 6633px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
10 Moderate axe SC 4.1.2 A aria-toggle-field-name:
10 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..." 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 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..." 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 5 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
1 Moderate axe page-has-heading-one:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page should contain a level-one heading
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-i7-active wf-opensans-i4-active wf-active" style="">
XPath: html
1 Moderate axe SC 1.4.1 A link-in-text-block:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Affected Pages

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://www.preserve.eco/pages/popi-about">Preserve Ocean Plastic Initiative (POPi)</a>
XPath: p > a

🔧 Most Common Issues (Equal Access)

34 rules
544 Moderate equalAccess style_focus_visible:
49 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
<input name="q" type="search" class="search-bar">
Example 4 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 5 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">
540 Moderate equalAccess element_tabbable_visible:
49 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">
356 Moderate equalAccess aria_attribute_deprecated:
24 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(218, 235, 182); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Sea Grass" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-fcc44d94-914b-41c8-8ab7-1c1662f74493">
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(240, 236, 217); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Natural" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-c2f0a6d1-80ae-48d5-9c0e-6d24abf2c672">
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(250, 149, 129); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Red Lily" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-4c12e389-53f0-4461-8a70-0f4215f34d51">
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(206, 230, 237); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Cornflower" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-539cfbfd-2e2d-4a63-98a5-ce431e59e8a9">
Example 5 View on Page
The ARIA attributes "aria-disabled" are deprecated for the role "none" in the ARIA specification
Mode: light
<div style="right: 0px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5);" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-1550 PwzrIconButton-root-1541 pwzrjss110 PwzrIconButton-sizeSmall-1548">
356 Moderate equalAccess element_tabbable_role_valid:
24 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(218, 235, 182); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Sea Grass" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-fcc44d94-914b-41c8-8ab7-1c1662f74493">
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(240, 236, 217); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Natural" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-c2f0a6d1-80ae-48d5-9c0e-6d24abf2c672">
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(250, 149, 129); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Red Lily" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-4c12e389-53f0-4461-8a70-0f4215f34d51">
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(206, 230, 237); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);" data-option-value="Cornflower" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-539cfbfd-2e2d-4a63-98a5-ce431e59e8a9">
Example 5 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="right: 0px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5);" aria-disabled="false" role="none" tabindex="0" class="PwzrButtonBase-root-1550 PwzrIconButton-root-1541 pwzrjss110 PwzrIconButton-sizeSmall-1548">
176 Moderate equalAccess aria_role_redundant:
49 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">
151 Moderate equalAccess a_text_purpose:
49 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">
118 Moderate equalAccess text_block_heading:
49 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 2 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 3 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 4 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 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>
108 Moderate equalAccess input_label_exists:
49 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 element <input> has no associated label
Mode: light
<input name="q" type="search" class="search-bar">
108 Moderate equalAccess input_label_visible:
49 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 ‘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 4 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 5 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">
98 Moderate equalAccess img_alt_valid:
49 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 src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
Example 3 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 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="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
72 Moderate equalAccess element_attribute_deprecated:
49 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) "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 4 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 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">
65 Moderate equalAccess aria_id_unique:
10 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-Toothbrush-LWP-Med-6pk_small_cropped.jpg?v=1685918269" 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-Toothbrush-LWP-UltraSoft-6pk_small_cropped.jpg?v=1685918269" class="product__photo 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-Toothbrush-LWP-Soft-6pk_small_cropped.jpg?v=1685918269" 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/preserve_PC2_small_cropped.jpg?v=1685918269" 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/Preserve-Everyday-bowl-green-pack_small_cropped.jpg?v=1566493311" class="product__photo slick-slide slick-current slick-active">
63 Moderate equalAccess text_contrast_sufficient:
46 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 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
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
<h2>
Example 5 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
<strong>
61 Moderate equalAccess element_tabbable_unobscured:
18 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="https://www.isri.org/recycling-commodities/economy">
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
<a target="_blank" href="https://www.epa.gov/smm/recycling-economic-information-rei-report">
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
<a class="icon-fallback-text popupVideo homepage-video__play" href="https://www.youtube.com/watch?v=GUXA-8ei-Ak">
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-30e7b628-1cbf-443e-b8a8-f3b537d87489">
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-c3e20ab1-775f-470b-b92c-c59f72162ec3">
49 Moderate equalAccess html_lang_exists:
49 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-oswald-n4-active wf-opensans-n4-active wf-opensans-n7-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">
49 Moderate equalAccess style_color_misuse:
49 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
<style type="text/css">
49 Moderate equalAccess style_highcontrast_visible:
49 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 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
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
<style type="text/css">
26 Moderate equalAccess text_sensory_misuse:
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 2 View on Page
Confirm the word(s) 'top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'little'
Mode: light
<p style="text-align: center;">
Example 4 View on Page
Confirm the word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<strong>
20 Moderate equalAccess aria_form_label_unique:
10 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">
18 Moderate equalAccess aria_keyboard_handler_exists:
13 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 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 <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 4 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 5 View on Page
Verify the <fieldset> element with "radiogroup" role has keyboard access
Mode: light
<fieldset data-bsub-widget="" role="radiogroup" class="bsub-widget">
16 Moderate equalAccess aria_child_valid:
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 2 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>
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 "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">
15 Moderate equalAccess widget_tabbable_exists:
10 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 "radiogroup" role does not have a tabbable element
Mode: light
<fieldset data-bsub-widget="" role="radiogroup" class="bsub-widget">
Example 3 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">
Example 4 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 5 View on Page
Component with "radiogroup" role does not have a tabbable element
Mode: light
<fieldset data-bsub-widget="" role="radiogroup" class="bsub-widget">
12 Moderate equalAccess frame_src_valid:
11 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 loading="eager" title="Embedded Youtube Video" allowfullscreen="" src="https://www.youtube.com/embed/iw7r6eWCP5A?start=0&end=0&autoplay=0&loop=0&rel=1" class="shogun-video-embed">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe loading="lazy" title="Embedded Youtube Video" allowfullscreen="" src="https://www.youtube.com/embed/zXd5RZ2vBDs?start=0&end=0&autoplay=0&loop=0&rel=1" class="shogun-video-embed">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow: hidden; height: 1743px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="1743px" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512362251?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: 1896px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="1896px" src="https://loox.io/widget/4JZEXBcfNh/reviews/12512363403?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: 898px; width: 100%; box-shadow: unset; outline: unset; color-scheme: none;" margin="0" scrolling="no" frameborder="0" width="100%" height="898px" src="https://loox.io/widget/4JZEXBcfNh/reviews/7843342385395?h=1773069892567" title="Product reviews widget" id="looxReviewsFrame">
10 Moderate equalAccess aria_child_tabbable:
10 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: 3381px; 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: 2898px; 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: 2898px; 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: 4347px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
10 Moderate equalAccess aria_widget_labelled:
10 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-Toothbrush-LWP-Med-6pk_small_cropped.jpg?v=1685918269" 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/Preserve-Everyday-bowl-green-pack_small_cropped.jpg?v=1566493311" 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/POPi8ctrazorpackamznmainimg_small_cropped.jpg?v=1663856782" 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/Preserve-cutlery-24pk-quarter_6297e81b-a100-4984-92b9-a1585d7b9fb4_small_cropped.jpg?v=1571325254" 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/products/preserve-kids-TB-Green-GoldenLionTamarin_small_cropped.jpg?v=1663862166" class="product__photo slick-slide slick-current slick-active">
10 Moderate equalAccess label_ref_valid:
10 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">
10 Moderate equalAccess element_id_unique:
10 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" mm-max="5" max="5" 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" mm-max="20" max="20" 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-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">
10 Moderate equalAccess aria_complementary_labelled:
10 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">
6 Moderate equalAccess svg_graphics_labelled:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg enable-background="new 0 0 97 97" viewBox="0 0 97 97" height="97px" width="97px" y="0px" x="0px">
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">
3 Moderate equalAccess aria_role_valid:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

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">
2 Moderate equalAccess heading_markup_misuse:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 class="h3 blog__article__title">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h1>
1 Moderate equalAccess table_headers_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table style="width: 500px;" cellspacing="1" cellpadding="1" border="0">
1 Moderate equalAccess html_skipnav_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
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">
1 Moderate equalAccess text_quoted_correctly:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " x 10"
Mode: light
<li>

🔧 Most Common Issues (AccessLint)

12 rules
317 Moderate accesslint aria/presentation-role-conflict:
24 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light
<div class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-1e670ea4-6603-43b8-8ce4-9ce1a5b56185" tabindex="0" role="none" aria-disabled="false" data-option-va...
XPath: div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(2) > div:nth-of-type(1) > div > div > div > div:nth-of-type(2)
Example 2 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light
<div class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-374484e9-c622-4170-8a89-70b830ac588a" tabindex="0" role="none" aria-disabled="false" data-option-va...
XPath: div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div > div > div > div:nth-of-type(2)
Example 3 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light
<div class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-d3ace01a-26c8-41cb-879f-225e74ee3130" tabindex="0" role="none" aria-disabled="false" data-option-va...
XPath: div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(2) > div:nth-of-type(3) > div > div > div > div:nth-of-type(2)
Example 4 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light
<div class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-8f481c47-b2d8-467f-913c-3cc06c324b0c" tabindex="0" role="none" aria-disabled="false" data-option-va...
XPath: div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(2) > div:nth-of-type(4) > div > div > div > div:nth-of-type(2)
Example 5 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light
<div class="PwzrButtonBase-root-590 PwzrButton-root-561 PwzrButton-text-563 rio-swatch-border-double-49a80ffb-01e9-4163-8b88-55b0089b1dad" tabindex="0" role="none" aria-disabled="false" data-option-va...
XPath: div:nth-of-type(2) > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(2) > div:nth-of-type(1) > div > div > div > div:nth-of-type(2)
98 Moderate accesslint text-alternatives/img-alt:
49 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Image element missing alt attribute.
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
Image element missing alt attribute.
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href="/account"] > img
Example 3 View on Page
Image element missing alt attribute.
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href="/account"] > img
Example 4 View on Page
Image element missing alt attribute.
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
Image element missing alt attribute.
Mode: light
<img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href="/account"] > img
69 Moderate accesslint landmarks/region:
49 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="hidden shg-lightbox"><span class="shg-lightbox-close">×</span><div class="shg-lightbox-nav shg-nav-left hidden"></div><div class="shg-lightbox-content"> <div class="shg-lightbox-image-co...
XPath: #overview > div:nth-of-type(4)
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="AjaxifyModal" class="ajaxcart ajaxcart--modal"><button type="button" class="ajaxcart__close" title="Close Cart">Close Cart</button> <div id="AjaxifyCart" class="ajaxcart__content"></div...
XPath: #AjaxifyModal
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="hidden shg-lightbox"><span class="shg-lightbox-close">×</span><div class="shg-lightbox-nav shg-nav-left hidden"></div><div class="shg-lightbox-content"> <div class="shg-lightbox-image-co...
XPath: #plastics-with-a-purpose > div:nth-of-type(4)
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="AjaxifyModal" class="ajaxcart ajaxcart--modal"><button type="button" class="ajaxcart__close" title="Close Cart">Close Cart</button> <div id="AjaxifyCart" class="ajaxcart__content"></div...
XPath: #AjaxifyModal
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="AjaxifyModal" class="ajaxcart ajaxcart--modal"><button type="button" class="ajaxcart__close" title="Close Cart">Close Cart</button> <div id="AjaxifyCart" class="ajaxcart__content"></div...
XPath: #AjaxifyModal
60 Moderate accesslint navigable/heading-order:
49 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading level 5 skipped from level 1. Use h2 instead.
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: div:nth-of-type(1) > h5
Example 2 View on Page
Heading level 5 skipped from level 1. Use h2 instead.
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: div:nth-of-type(1) > h5
Example 3 View on Page
Heading level 4 skipped from level 1. Use h2 instead.
Mode: light
<h4 class="home__subtitle">SHOP PRESERVE</h4>
XPath: #shopify-section-index-columns > div > div > h4
Example 4 View on Page
Heading level 5 skipped from level 1. Use h2 instead.
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: div:nth-of-type(1) > h5
Example 5 View on Page
Heading level 5 skipped from level 1. Use h2 instead.
Mode: light
<h5 class="uppercase">Main menu </h5>
XPath: div:nth-of-type(1) > h5
59 Moderate accesslint labels-and-names/form-label:
49 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element has no accessible label.
Mode: light
<input class="search-bar" type="search" name="q">
XPath: form > input[name="q"]
Example 2 View on Page
Form element has no accessible label.
Mode: light
<input class="search-bar" type="search" name="q">
XPath: form > input[name="q"]
Example 3 View on Page
Form element has no accessible label.
Mode: light
<input class="search-bar" type="search" name="q">
XPath: form > input[name="q"]
Example 4 View on Page
Form element has no accessible label.
Mode: light
<input class="search-bar" type="search" name="q">
XPath: form > input[name="q"]
Example 5 View on Page
Form element has no accessible label.
Mode: light
<input class="search-bar" type="search" name="q">
XPath: form > input[name="q"]
49 Moderate accesslint readable/html-has-lang:
49 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
<html> element missing 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-op...
XPath: html
Example 2 View on Page
<html> element missing lang attribute.
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i7-active wf-op...
XPath: html
Example 3 View on Page
<html> element missing 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-i7-active wf-op...
XPath: html
Example 4 View on Page
<html> element missing 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-op...
XPath: html
Example 5 View on Page
<html> element missing lang attribute.
Mode: light
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i4-active wf-op...
XPath: html
49 Moderate accesslint labels-and-names/button-name:
49 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Button has no discernible text.
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: form > button
Example 2 View on Page
Button has no discernible text.
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: form > button
Example 3 View on Page
Button has no discernible text.
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: form > button
Example 4 View on Page
Button has no discernible text.
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: form > button
Example 5 View on Page
Button has no discernible text.
Mode: light
<button type="submit" class="btn search-btn"></button>
XPath: form > button
10 Moderate accesslint labels-and-names/aria-input-field-name:
10 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA input field has no accessible name.
Mode: light
<div class="slick-track" style="opacity: 1; width: 4422px; transform: translate3d(-737px, 0px, 0px);" role="listbox"><div class="product__photo product__photo--additional slick-slide slick-cloned" dat...
XPath: #ProductPhoto-product > div > div
Example 2 View on Page
ARIA input field has no accessible name.
Mode: light
<div class="slick-track" style="opacity: 1; width: 5159px; transform: translate3d(-737px, 0px, 0px);" role="listbox"><div class="product__photo product__photo--additional slick-slide slick-cloned" dat...
XPath: #ProductPhoto-product > div > div
Example 3 View on Page
ARIA input field has no accessible name.
Mode: light
<div class="slick-track" style="opacity: 1; width: 4422px; transform: translate3d(-737px, 0px, 0px);" role="listbox"><div class="product__photo product__photo--additional slick-slide slick-cloned" dat...
XPath: #ProductPhoto-product > div > div
Example 4 View on Page
ARIA input field has no accessible name.
Mode: light
<div class="slick-track" style="opacity: 1; width: 4422px; transform: translate3d(-737px, 0px, 0px);" role="listbox"><div class="product__photo product__photo--additional slick-slide slick-cloned" dat...
XPath: #ProductPhoto-product > div > div
Example 5 View on Page
ARIA input field has no accessible name.
Mode: light
<div class="slick-track" style="opacity: 1; width: 6633px; transform: translate3d(-737px, 0px, 0px);" role="listbox"><div class="product__photo product__photo--additional slick-slide slick-cloned" dat...
XPath: #ProductPhoto-product > div > div
9 Moderate accesslint distinguishable/color-contrast:
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Insufficient color contrast ratio of 3.24:1 (required 4.5:1).
Mode: light
<a id="s-fccac842-8595-4255-b8bd-bfd4ca9356a9" class="shg-btn shg-cse shg-btn-text " href="https://www.preserve.eco/collections/preserve"> SHOP COMPOSTABLES </a>
XPath: #s-fccac842-8595-4255-b8bd-bfd4ca9356a9
Example 2 View on Page
Insufficient color contrast ratio of 2.06:1 (required 4.5:1).
Mode: light
<a id="s-2b831de7-c735-4151-8ae3-96b081ff843f" class="shg-btn shg-cse shg-btn-text " href="https://www.preserve.eco/collections/popi/products/popi-toothbrush-single"> Order Now </a>
XPath: #s-2b831de7-c735-4151-8ae3-96b081ff843f
Example 3 View on Page
Insufficient color contrast ratio of 2.06:1 (required 4.5:1).
Mode: light
<a id="s-31cb5dad-06fd-453e-b1e3-e8f04e60303c" class="shg-btn shg-cse shg-btn-text " href="https://www.preserve.eco/collections/popi/products/popi-shave-5-razor-system-handle-1-blade"> Order Now...
XPath: #s-31cb5dad-06fd-453e-b1e3-e8f04e60303c
Example 4 View on Page
Insufficient color contrast ratio of 3.32:1 (required 4.5:1).
Mode: light
<a id="s-dfc4472e-5a47-4824-8aaf-653e2c9f6ddf" class="shg-btn shg-cse " href="https://www.preserve.eco/pages/contact-us-online-order"> Online Orders </a>
XPath: #s-dfc4472e-5a47-4824-8aaf-653e2c9f6ddf
Example 5 View on Page
Insufficient color contrast ratio of 3.32:1 (required 4.5:1).
Mode: light
<a id="s-d2ef0af8-dc4e-470c-b667-a48b245a10b3" class="shg-btn shg-cse " href="https://www.preserve.eco/pages/contact-us-marketing-partnerships-donations"> Marketing Partnerships &amp; Donations ...
XPath: #s-d2ef0af8-dc4e-470c-b667-a48b245a10b3
1 Moderate accesslint navigable/page-has-heading-one:
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page does not contain a level-one heading.
Mode: light
<html>
XPath: html
1 Moderate accesslint labels-and-names/frame-title-unique:
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Frame title is not unique. Use a distinct title for each frame.
Mode: light
<iframe class="shogun-video-embed" src="https://www.youtube.com/embed/zXd5RZ2vBDs?start=0&amp;end=0&amp;autoplay=0&amp;loop=0&amp;rel=1" allowfullscreen="" title="Embedded Youtube Video" loading="lazy...
XPath: #s-d7ab9102-9018-450c-826c-e5d616c8d2f1 > div > div > iframe

🔧 Most Common Issues (QualWeb)

9 rules
49 Moderate qualweb QW-ACT-R2:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 2 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 3 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 4 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 5 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
49 Moderate qualweb QW-ACT-R11:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 3 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 4 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 5 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
49 Moderate qualweb QW-ACT-R12:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 3 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 4 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 5 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
49 Moderate qualweb QW-ACT-R28:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 2 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 3 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 4 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 5 View on Page
The test target has unlisted required states or properties.
Mode: light
49 Moderate qualweb QW-ACT-R16:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 3 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 4 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 5 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
49 Moderate qualweb QW-ACT-R17:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name.
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name.
Mode: light
Example 3 View on Page
The test target doesn't have an accessible name.
Mode: light
Example 4 View on Page
The test target doesn't have an accessible name.
Mode: light
Example 5 View on Page
The test target doesn't have an accessible name.
Mode: light
49 Moderate qualweb QW-ACT-R76:
49 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
48 Moderate qualweb QW-ACT-R37:
48 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
24 Moderate qualweb QW-ACT-R48:
24 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target is in the accessibility tree.
Mode: light
Example 2 View on Page
The test target is in the accessibility tree.
Mode: light
Example 3 View on Page
The test target is in the accessibility tree.
Mode: light
Example 4 View on Page
The test target is in the accessibility tree.
Mode: light
Example 5 View on Page
The test target is in the accessibility tree.
Mode: light