Accessibility Scan Report

Title: Preserve Chunk 2 scan 2 Issue: #247 Date: 4/6/2026, 7:45:17 PM Duration: 23.8m URLs: 77 / 77 🖥️ Forced Colors: 75 / 77 URLs

Summary

Issues

  • By Level: A (446), AA (1270), AAA (75)
  • By Version (A & AA): WCAG 2.0 (453), WCAG 2.2 (1263)
  • By Category: axe-strict (454) & Best Practice (5) & Others (1730)
  • Total: 2189 across 20 unique rules & 2 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. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.
Preserve Everyday Tableware Set | Pack for 4 38
Preserve Everyday Plate | 4 Count 36
Preserve On the Go Tableware Set | Pack for 8 36
Preserve Cutting Board | Small 37
Preserve Kitchen Starter Set | 4 items 37
Preserve Food Storage Container | Mini | Set of 4 | With Packaging 37
Preserve Sandwich Food Storage Lid 37
Preserve Colander | Small 37
Preserve Round Food Storage Container | Large 36
Preserve Round Food Storage Container | Small 35

🔧 Most Common Issues (ALFA)

13 rules
1263 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
75 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

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" aria-label="Cart ($0.00)" role="button">...</a>
XPath: /a[@class="CartToggle"]
Example 4 View on Page
Target has insufficient size
Mode: light
<div class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-872c2cbe-f617-463a-acc7-4e0f52da3bd6" tabindex="0" role="button" aria-disabled="false" aria-label="Bright Poppy Red" data-option-value="Bright Poppy Red" style="position: relative; background-color: rgb(253, 52, 29); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-872c2cbe-f617-463a-acc7-4e0f52da3bd6"]
Example 5 View on Page
Target has insufficient size
Mode: light
<div class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-a88c8af5-054e-491a-9098-adf8f875e406" tabindex="0" role="button" aria-disabled="false" aria-label="Navy" data-option-value="Navy" style="position: relative; background-color: rgb(15, 55, 126); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-a88c8af5-054e-491a-9098-adf8f875e406"]
134 Moderate alfa SIA-R72
71 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"> Shave 5 Razor System | Handle & 1 Blade ...</p>
XPath: /p[@class="h6 name_wrapper"]
Example 2 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="home__subtitle">Related</p>
XPath: /p[@class="home__subtitle"]
Example 3 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="h6 name_wrapper"> Sandwich Food Storage Container | Set of ...</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"> Everyday Tableware Set | Pack for 4 ...</p>
XPath: /p[@class="h6 name_wrapper"]
82 Moderate alfa SIA-R68: Accessible name contains the visible label text
62 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
<ul class="tabs product-tabs-title"> </ul>
XPath: /ul[@class="tabs product-tabs-title"]
Example 2 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 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
<ul class="tabs product-tabs-title"> </ul>
XPath: /ul[@class="tabs product-tabs-title"]
75 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
75 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

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
72 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
71 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"> Shave 5 Razor System | Handle & 1 Blade ...</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"> Sandwich Food Storage Container | Set of ...</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"> Shave 5 Razor System | Handle & 1 Blade ...</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"> Everyday Tableware Set | Pack for 4 ...</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"> Toothbrush in Lightweight Pouch | Single ...</p>
XPath: /p[@class="h6 name_wrapper"]
64 Serious alfa SC 3.1.1 A Cognitive SIA-R2: HTML elements have a valid lang attribute
64 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Affected Pages

Who Is Affected

  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The image does not have an accessible name
Mode: light
<img srcset="https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/180x/ 180w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/360x/ 360w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/720x/ 720w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/900x/ 900w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/1080x/ 1080w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/1200x/ 1200w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/1920x/ 1920w,https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/-/resize/2048x/ 2048w" sizes="100vw" src="https://i.shgcdn.com/a986db53-eec7-47a9-8774-b99477c663c4/" class="shogun-image " decoding="async" loading="eager" draggable="false" />
XPath: /img[@class="shogun-image "]
Example 2 View on Page
The image does not have an accessible name
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/bcorp-icon.PNG?6054642618249289208" />
XPath: /img
Example 3 View on Page
The image does not have an accessible name
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/bcorp-icon.PNG?6054642618249289208" />
XPath: /img
Example 4 View on Page
The image does not have an accessible name
Mode: light
<img class="parallax-slider" src="//www.preserve.eco/cdn/shop/collections/header_37e4de39-9e36-4c16-ab90-5965a8069a81_1800x.jpg?v=1543924251" style="transform: translate3d(-796px, -78.8125px, 0px); position: absolute; height: 509px; width: 2872px; max-width: none;" />
XPath: /img[@class="parallax-slider"]
Example 5 View on Page
The image does not have an accessible name
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/bcorp-icon.PNG?6054642618249289208" />
XPath: /img
26 Moderate alfa SIA-R113
20 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
<div class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-bcfa8496-f0e0-4008-8ee4-83143084a169" tabindex="0" role="button" aria-disabled="false" aria-label="Coral" data-option-value="Coral" 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);">...</div>
XPath: /div[@class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-bcfa8496-f0e0-4008-8ee4-83143084a169"]
Example 2 View on Page
Target has insufficient size and spacing
Mode: light
<div class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-5edede85-d1d6-4440-a2db-a274de6f54ed" tabindex="0" role="button" aria-disabled="false" aria-label="Coral" data-option-value="Coral" 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);">...</div>
XPath: /div[@class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-5edede85-d1d6-4440-a2db-a274de6f54ed"]
Example 3 View on Page
Target has insufficient size and spacing
Mode: light
<div class="PwzrButtonBase-root-1127 PwzrButton-root-1098 PwzrButton-text-1100 rio-swatch-border-double-cc80c5b2-2b65-44cc-9d16-0f0c0ca5f3ad" tabindex="0" role="button" aria-disabled="false" aria-label="Gray" data-option-value="Gray" style="position: relative; background-color: rgb(155, 155, 155); 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-1127 PwzrButton-root-1098 PwzrButton-text-1100 rio-swatch-border-double-cc80c5b2-2b65-44cc-9d16-0f0c0ca5f3ad"]
Example 4 View on Page
Target has insufficient size and spacing
Mode: light
<div class="PwzrButtonBase-root-987 PwzrButton-root-958 PwzrButton-text-960 rio-swatch-border-double-f2a669d9-47a7-4bb2-9daa-f7ec91bd8dde" tabindex="0" role="button" aria-disabled="false" aria-label="Aquamarine" data-option-value="Aquamarine" style="position: relative; background-color: rgb(161, 235, 231); 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-987 PwzrButton-root-958 PwzrButton-text-960 rio-swatch-border-double-f2a669d9-47a7-4bb2-9daa-f7ec91bd8dde"]
Example 5 View on Page
Target has insufficient size and spacing
Mode: light
<div class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-b2a4401c-d5ac-4a8c-adfd-45914d5f3791" tabindex="0" role="button" aria-disabled="false" aria-label="Coral" data-option-value="Coral" 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);">...</div>
XPath: /div[@class="PwzrButtonBase-root-373 PwzrButton-root-344 PwzrButton-text-346 rio-swatch-border-double-b2a4401c-d5ac-4a8c-adfd-45914d5f3791"]
6 Critical alfa SC 4.1.2 A Visual Motor Cognitive SIA-R11: Button elements have an accessible name
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The link does not have an accessible name
Mode: light
<a class="shogun-image-link" href="https://getshogun.com/previews/145ffeef-6ba5-4c1e-9374-4531f22da1db/5d2650612b074f004fa12c07">...</a>
XPath: /a[@class="shogun-image-link"]
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a name="_ftn8" href="#_ftnref8" />
XPath: /a
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a href="#looxReviews">...</a>
XPath: /a
Example 4 View on Page
The link does not have an accessible name
Mode: light
<a href="#looxReviews">...</a>
XPath: /a
Example 5 View on Page
The link does not have an accessible name
Mode: light
<a href="#looxReviews">...</a>
XPath: /a
4 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
4 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: /h5[@class="uppercase h5"]
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: /h5[@class="uppercase h5"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: /h5[@class="uppercase h5"]
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: /h5[@class="uppercase h5"]
4 Moderate alfa SIA-R78: Headings of same level have text content between them
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

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
<h3 class="h3 blog__article__title">Waste Warriors: POPi Partner Stepping in Where The...</h3>
XPath: /h3[@class="h3 blog__article__title"]
Example 3 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 4 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"]
3 Serious alfa SC 1.4.3 AA Visual 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

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 4.37: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 4.28: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.09:1 which is below the required contrast of 4.5:1
Mode: light
1 Moderate alfa Best Practice SIA-R85: Paragraphs of text are not all italics
1 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer, Content Author

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The text of the paragraph is all italic
Mode: light
<p class="small compare-at em" id="ComparePriceWrapper-product">...</p>
XPath: /p[@id="ComparePriceWrapper-product"]
1 Moderate alfa SIA-R3: lang attribute has a valid language code
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<div class="grid__item large--one-third" id="productInfo-product">...</div>
XPath: /div[@id="productInfo-product"]

🔧 Most Common Issues (axe)

7 rules
308 Critical axe SC 1.1.1 A Visual image-alt: Ensures every <img> element has alternative text. Without alt text, blind users receive no information about the image's meaning or purpose.
64 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img srcset="https://i.shgcdn.com..." sizes="100vw" src="https://i.shgcdn.com..." class="shogun-image " decoding="async" loading="eager" draggable="false">
XPath: img[loading="eager"]
Example 2 View on Page
Images must have alternative text
Mode: light
<img srcset="https://i.shgcdn.com..." sizes="100vw" src="https://i.shgcdn.com..." class="shogun-image " decoding="async" loading="lazy" draggable="false">
XPath: img[loading="lazy"]
Example 3 View on Page
Images must have alternative text
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/bcorp-icon.PNG?6054642618249289208">
XPath: .tooltip:nth-child(1) > img
Example 4 View on Page
Images must have alternative text
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/usa-icon.PNG?2807102045077662897">
XPath: .tooltip:nth-child(2) > img
Example 5 View on Page
Images must have alternative text
Mode: light
<img src="https://cdn.shopify.com/s/files/1/2372/0029/files/recycle-icon.PNG?157872935954425060">
XPath: .tooltip:nth-child(3) > img
62 Moderate axe aria-allowed-role
62 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul style="display: inline-flex; margin: unset; padding: unset; text-indent: unset; list-style-type: none; gap: 2px;" aria-label="Rating icons: 4.5 / 5 star review" role="img" aria-roledescription="figure">
XPath: #looxReviewsFrame
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul style="display: inline-flex; margin: unset; padding: unset; text-indent: unset; list-style-type: none; gap: 2px;" aria-label="Rating icons: 5 / 5 star review" role="img" aria-roledescription="figure">
XPath: #looxReviewsFrame
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul style="display: inline-flex; margin: unset; padding: unset; text-indent: unset; list-style-type: none; gap: 2px;" aria-label="Rating icons: 4.5 / 5 star review" role="img" aria-roledescription="figure">
XPath: #looxReviewsFrame
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul style="display: inline-flex; margin: unset; padding: unset; text-indent: unset; list-style-type: none; gap: 2px;" aria-label="Rating icons: 4 / 5 star review" role="img" aria-roledescription="figure">
XPath: #looxReviewsFrame
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul style="display: inline-flex; margin: unset; padding: unset; text-indent: unset; list-style-type: none; gap: 2px;" aria-label="Rating icons: 5 / 5 star review" role="img" aria-roledescription="figure">
XPath: #looxReviewsFrame
62 Serious axe SC 1.3.1 A Visual Cognitive listitem: Ensures <li> elements are contained within a <ul> or <ol>. List items outside lists lose their structural meaning for screen reader users.
62 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><svg viewBox="0 0 24 24" data-lx-fill="full" role="presentation" aria-hidden="true" class="loox-icon star text-large" style="display: block; width: 1em; height: 1em;"><use href="#looxicons-rating-icon"></use></svg></li>
XPath: #looxReviewsFrame
Example 2 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><svg viewBox="0 0 24 24" data-lx-fill="full" role="presentation" aria-hidden="true" class="loox-icon star text-large" style="display: block; width: 1em; height: 1em;"><use href="#looxicons-rating-icon"></use></svg></li>
XPath: #looxReviewsFrame
Example 3 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><svg viewBox="0 0 24 24" data-lx-fill="full" role="presentation" aria-hidden="true" class="loox-icon star text-large" style="display: block; width: 1em; height: 1em;"><use href="#looxicons-rating-icon"></use></svg></li>
XPath: #looxReviewsFrame
Example 4 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><svg viewBox="0 0 24 24" data-lx-fill="full" role="presentation" aria-hidden="true" class="loox-icon star text-large" style="display: block; width: 1em; height: 1em;"><use href="#looxicons-rating-icon"></use></svg></li>
XPath: #looxReviewsFrame
Example 5 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><svg viewBox="0 0 24 24" data-lx-fill="full" role="presentation" aria-hidden="true" class="loox-icon star text-large" style="display: block; width: 1em; height: 1em;"><use href="#looxicons-rating-icon"></use></svg></li>
XPath: #looxReviewsFrame
8 Moderate axe region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
8 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; transform: translate3d(0px, 98.5156px, 0px); height: 254px; width: 1280px;">
XPath: .parallax-mirror
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; transform: translate3d(0px, 98.5156px, 0px); height: 254px; width: 1280px;">
XPath: .parallax-mirror
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; transform: translate3d(0px, 98.5156px, 0px); height: 254px; width: 1280px;">
XPath: .parallax-mirror
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; transform: translate3d(0px, 98.5156px, 0px); height: 348px; width: 1280px;">
XPath: .parallax-mirror
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; transform: translate3d(0px, 98.5156px, 0px); height: 348px; width: 1280px;">
XPath: .parallax-mirror
4 Serious axe SC 1.4.3 AA Visual color-contrast: Ensures text and interactive elements have sufficient contrast ratio (4.5:1 for normal text, 3:1 for large text) against their background.
2 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span style="color: rgb(0, 125, 204);">Our summer sale is here! <strong>30% off</strong> almost everything. Now through 8/9. Enter <strong>SUMMER30</strong> at checkout.</span>
XPath: p:nth-child(1) > span
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<strong>30% off</strong>
XPath: span > strong:nth-child(1)
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<strong>SUMMER30</strong>
XPath: strong:nth-child(2)
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span id="ComparePrice-product">$80.00</span>
XPath: #ComparePrice-product
4 Moderate axe heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
4 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: h5
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: h5
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: h5
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="uppercase h5">Tags</h5>
XPath: h5