Accessibility Scan Report

Title: Preserve Food Svc. Site Rescan Issue: #327 Date: 7/14/2026, 2:06:00 PM Duration: 7.7m URLs: 20 / 20
Viewport: Desktop (1280×800) Color scheme: both Browser: chromium
🖥️ Forced Colors: 19 / 20 URLs

🔄 Changes Since Last Scan

1136 New unique issues
🆕 New Issues (1136)

Replicate this scan

Reuse this scan context to reproduce the same viewport, color mode, and browser selection.

Title keywords

VIEWPORT:desktop COLORSCHEME:both BROWSER:chromium

Issue body section

### Scan context Viewport: desktop ColorScheme: both Browser: chromium

Summary

Issues

  • By Level: A (183), AA (6)
  • By Version (A & AA): WCAG 2.0 (189)
  • Engines used: AXE, Equal Access
  • By Finding Type: Known errors (1080) & Best practices (56)
  • Manual testing needed: 103 axe incomplete findings
  • Total: 1136 across 51 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. Total counts unique findings across the active scanners, and numbers in parentheses (+N) still show findings that cover WCAG criteria already reported by axe.
Preserve2Go – preservefoodservice 59
Reusable Tableware – preservefoodservice 61
Round Reusable Container (BASE ONLY) | Large | 60 Count – preservefoodservice 78
Preserve - Sustainable Food Service Solutions – preservefoodservice 53
Compostable Medium Weight Fork - 840 units – preservefoodservice 79
Compostable Paper Straws - 4800 count – preservefoodservice 78
Heavy Duty Cutlery - Fork (500 count) – preservefoodservice 77
Cutlery Dispenser for Preserve Cutlery (Choose Recycled or Compostable – preservefoodservice 75
Home Compostable PHA Straws, Jumbo Standard (2800 Count) – preservefoodservice 73
Preserve2Go 9 x 9 - Reusable to-go Container (48 count) – preservefoodservice 72

🔧 Most Common Issues (axe)

18 rules
42 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.
19 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

ACT alignment

  • ACT 23a2a8 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-40a569c1
<img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867">
XPath: a[href$="account"] > img
Example 2 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-40a569c1
<img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867">
XPath: a[href$="account"] > img
Example 3 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-7fc30068
<img src="//preservefoodservice.com/cdn/shop/files/9_small_cropped.png?v=1686768485">
XPath: #slick-slide00 > img
Example 4 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-40a569c1
<img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867">
XPath: a[href$="account"] > img
Example 5 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-de17fdd2
<img srcset="https://i.shgcdn.com..." sizes="100vw" src="https://i.shgcdn.com..." class="shogun-image" decoding="async" loading="eager">
XPath: img[loading="eager"]
23 Moderate axe Best Practice region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
19 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-af619bf0
<div class="header-message uppercase header-message--crowded"> <a href="/pages/contact-us123">Questions? 888-354-7296</a> </div>
XPath: .header-message
Example 2 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1aa2128d
<div class="zb-tab-content"> <span class="icon-ztb-icon-email2 zb-tab-text-icon"></span> <span class="zb-tab-text">Contact Us</span> </div>
XPath: .zb-tab-content
Example 3 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-af619bf0
<div class="header-message uppercase header-message--crowded"> <a href="/pages/contact-us123">Questions? 888-354-7296</a> </div>
XPath: .header-message
Example 4 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1aa2128d
<div class="zb-tab-content"> <span class="icon-ztb-icon-email2 zb-tab-text-icon"></span> <span class="zb-tab-text">Contact Us</span> </div>
XPath: .zb-tab-content
Example 5 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-af619bf0
<div class="header-message uppercase header-message--crowded"> <a href="/pages/contact-us123">Questions? 888-354-7296</a> </div>
XPath: .header-message
19 Critical axe SC 4.1.2 A Visual Motor Cognitive button-name: Ensures buttons have discernible text so screen reader users know what action the button performs.
19 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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

ACT alignment

  • ACT 97a4e1 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

  • ACT m6b1q3 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-714946dd
<button type="submit" class="btn search-btn"></button>
XPath: .btn
Example 2 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ea3b846c
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
Example 3 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-714946dd
<button type="submit" class="btn search-btn"></button>
XPath: .btn
Example 4 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-714946dd
<button type="submit" class="btn search-btn"></button>
XPath: .btn
Example 5 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ea3b846c
<button type="submit" class="btn search-btn"></button>
XPath: .search-btn
19 Serious axe SC 3.1.1 A Cognitive html-has-lang: Ensures the <html> element has a lang attribute. Screen readers use the language attribute to select the correct pronunciation engine.
19 pages affected

Rule Information

Engine: axe

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

ACT alignment

  • ACT b5c3f8 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-68aee562
<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-opensans-i4-active wf-active" style="">
XPath: html
Example 2 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-68aee562
<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="">
XPath: html
Example 3 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-68aee562
<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="">
XPath: html
Example 4 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-68aee562
<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 5 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-68aee562
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n7-active wf-opensans-n4-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html
19 Critical axe SC 4.1.2 A Visual Motor Cognitive label: Ensures every form input has an associated label. Without labels, screen reader users cannot understand what information a form field requires.
19 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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

ACT alignment

Examples

Example 1 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bfa56b0d
<input class="search-bar" type="search" name="q">
XPath: input
Example 2 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-dee84f1b
<input class="search-bar" type="search" name="q">
XPath: .search-bar
Example 3 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bfa56b0d
<input class="search-bar" type="search" name="q">
XPath: input
Example 4 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bfa56b0d
<input class="search-bar" type="search" name="q">
XPath: input
Example 5 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-dee84f1b
<input class="search-bar" type="search" name="q">
XPath: .search-bar
19 Moderate axe Best Practice landmark-no-duplicate-banner: Ensures the page has only one banner landmark (<header> at top level). Multiple banners confuse screen reader users navigating by landmarks.
19 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-21f1667c
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .wrapper.text-center > header
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-21f1667c
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .wrapper.text-center > header
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-24b00321
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .text-center.wrapper > header
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-24b00321
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .text-center.wrapper > header
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-62843506
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: header:nth-child(1)
19 Moderate axe landmark-unique
19 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-28033e2f
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .wrapper.text-center > header
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-28033e2f
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .wrapper.text-center > header
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-06a19fba
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .text-center.wrapper > header
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-06a19fba
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: .text-center.wrapper > header
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-9b8bc368
<header> <div class="header-account-link"> <a href="/account"><img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867"></a> </div> </header>
XPath: header:nth-child(1)
13 Moderate axe Best Practice 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.
13 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-27d1fbca
<h4 class="home__subtitle">Sustainable Food Service Solutions</h4>
XPath: h4
Example 2 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e2bf9bbe
<h3 class="home__subtitle">Related</h3>
XPath: h3
Example 3 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e2bf9bbe
<h3 class="home__subtitle">Related</h3>
XPath: h3
Example 4 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e2bf9bbe
<h3 class="home__subtitle">Related</h3>
XPath: h3
Example 5 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e2bf9bbe
<h3 class="home__subtitle">Related</h3>
XPath: h3
12 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-input-field-name: Ensures every ARIA input field has an accessible name so screen reader users know what information to enter.
12 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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

ACT alignment

Examples

Example 1 View on Page
ARIA input fields must have an accessible name
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e15429f
<div class="slick-track" style="opacity: 1; width: 3685px; 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e15429f
<div class="slick-track" style="opacity: 1; width: 2948px; 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e15429f
<div class="slick-track" style="opacity: 1; width: 737px; transform: translate3d(0px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 4 View on Page
ARIA input fields must have an accessible name
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e15429f
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e15429f
<div class="slick-track" style="opacity: 1; width: 737px; transform: translate3d(0px, 0px, 0px);" role="listbox">
XPath: .slick-track
12 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-toggle-field-name
12 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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
ARIA toggle fields must have an accessible name
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8c5f111a
<div class="product__photo slick-slide slick-current slick-active" data-thumb="//preservefoodservice.com/cdn/shop/files/9_small_cropped.png?v=1686768485" 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8c5f111a
<div class="product__photo slick..." data-thumb="//preservefoodservic..." 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-93cd4193
<div class="product__photo slick..." data-thumb="//preservefoodservic..." data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .product__photo
Example 4 View on Page
ARIA toggle fields must have an accessible name
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8c5f111a
<div class="product__photo slick..." data-thumb="//preservefoodservic..." 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-93cd4193
<div class="product__photo slick..." data-thumb="//preservefoodservic..." data-slick-index="0" aria-hidden="false" style="width: 737px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: .product__photo
7 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr: Ensures ARIA attributes are only used on elements where they are permitted by the ARIA specification.
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

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

ACT alignment

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-eaebace8
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/files/9_small_cropped.png?v=1686768485"></li>
XPath: #slick-slide00
Example 2 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-eaebace8
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/products/Preserve-AppleGreen-NoBackground_small_cropped.png?v=1586181426"></li>
XPath: #slick-slide00
Example 3 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-eaebace8
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/files/P23-PLA-WHITE-fork-lr_small_cropped.jpg?v=1696180615"></li>
XPath: #slick-slide00
Example 4 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-eaebace8
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/products/Preserve-short-PHA-straws-1_small_cropped.jpg?v=1668620023"></li>
XPath: #slick-slide00
Example 5 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-eaebace8
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/products/Preserve-HD-green-recycled-fork_small_cropped.jpg?v=1593687380"></li>
XPath: #slick-slide00
7 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

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

ACT alignment

  • ACT bc4a75 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

  • ACT ff89c9 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-45e0c9ca
<ul class="slick-dots" style="display: block;" role="tablist">
XPath: .slick-dots
Example 2 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-45e0c9ca
<ul class="slick-dots" style="display: block;" role="tablist">
XPath: .slick-dots
Example 3 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-45e0c9ca
<ul class="slick-dots" style="display: block;" role="tablist">
XPath: .slick-dots
Example 4 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-45e0c9ca
<ul class="slick-dots" style="display: block;" role="tablist">
XPath: .slick-dots
Example 5 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-45e0c9ca
<ul class="slick-dots" style="display: block;" role="tablist">
XPath: .slick-dots
7 Moderate axe presentation-role-conflict
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

ACT alignment

  • ACT 46ca7f Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Elements marked as presentational should be consistently ignored
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-3d639e88
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/files/9_small_cropped.png?v=1686768485"></li>
XPath: #slick-slide00
Example 2 View on Page
Elements marked as presentational should be consistently ignored
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-3d639e88
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/products/Preserve-AppleGreen-NoBackground_small_cropped.png?v=1586181426"></li>
XPath: #slick-slide00
Example 3 View on Page
Elements marked as presentational should be consistently ignored
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-3d639e88
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/files/P23-PLA-WHITE-fork-lr_small_cropped.jpg?v=1696180615"></li>
XPath: #slick-slide00
Example 4 View on Page
Elements marked as presentational should be consistently ignored
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-3d639e88
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/products/Preserve-short-PHA-straws-1_small_cropped.jpg?v=1668620023"></li>
XPath: #slick-slide00
Example 5 View on Page
Elements marked as presentational should be consistently ignored
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-3d639e88
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><img src="//preservefoodservice.com/cdn/shop/products/Preserve-HD-green-recycled-fork_small_cropped.jpg?v=1593687380"></li>
XPath: #slick-slide00
6 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.
4 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

ACT alignment

  • ACT 09o5cg Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

  • ACT afw4f7 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-54b9cc89
<h3 class="shogun-accordion-title">Can I recycle my Preserve2Gos after their life?</h3>
XPath: .shogun-accordion.shogun-accordion-active:nth-child(1) > .shogun-accordion-heading > .shogun-accordion-header > h3
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-cbaa4af4
<h3 class="shogun-accordion-title">Preserve2Go as part of a full sustainability strategy</h3>
XPath: .shogun-accordion.shogun-accordion-active:nth-child(2) > .shogun-accordion-heading > .shogun-accordion-header > h3
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-54ee68e4
<h3 class="shogun-accordion-title">Can I recycle my Preserve Tableware products after their useful life? <br> </h3>
XPath: .shogun-accordion-title
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1ae91daf
<span class="ui-dform-span ztb-text-fly">Send</span>
XPath: #zbwid-0b9fec86 > iframe[frameborder="0"][width="100%"][height="432"]
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bd12c3ee
<a id="s-3c3df288-e5af-4cca-b87a-d3e958e052c4" class="shg-btn shg-cse shg-btn-text" href="https://preservefoodservice.com/collections/sleeved-cutlery-for-dispenser"> BUY NOW </a>
XPath: #s-3c3df288-e5af-4cca-b87a-d3e958e052c4
2 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

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

ACT alignment

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-33e10b48
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-small-mode" tabindex="" id="movie_player" data-version="/s/player/dd53c628/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #s-5086cf08-bd29-46ea-b261-67af3646865e > .shogun-video.shogun-video-16x9 > .video-wrapper > .shogun-video-embed[title="Embedded Youtube Video"][loading="lazy"]
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-51c1c47d
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-small-mode" tabindex="" id="movie_player" data-version="/s/player/dd53c628/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #s-607dd097-60a7-45af-834f-c9473a2c2781 > .shogun-video.shogun-video-16x9 > .video-wrapper > .shogun-video-embed[title="Embedded Youtube Video"][loading="lazy"]
1 Moderate axe label-title-only
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form elements should have a visible label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-abd229c3
<input id="name" type="text" name="name" placeholder="Your name" data-field="2" class="ztb-item ztb-field " tabindex="1" title="Your name">
XPath: #zbwid-0b9fec86 > iframe[frameborder="0"][width="100%"][height="432"]
1 Serious axe Best Practice tabindex: Ensures tabindex attribute values greater than 0 are not used. Positive tabindex values create an unnatural tab order that disorients keyboard users.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-0b93d420
<input id="name" type="text" name="name" placeholder="Your name" data-field="2" class="ztb-item ztb-field " tabindex="1" title="Your name">
XPath: #zbwid-0b9fec86 > iframe[frameborder="0"][width="100%"][height="432"]

🔧 Most Common Issues (Equal Access)

33 rules
107 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1b312e84
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-73b92093
<meta content="A1duO9QWZ/3h+eq5jQsvYqOTVq5h5q2AoGInpwNr4FT22/JUt3BxFERXHAo5iKhs6doOavi6G5hno0oBANPzSgIAAABxeyJvcmlnaW4iOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJlcmVuZGVyVW50aWxTY3JpcHQiLCJleHBpcnkiOjE3ODg4MjU2MDAsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=" http-equiv="origin-trial">
Example 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-144c4cd9
<meta content="AwnTE1hYg9Bsa5x0wEDsbG6tOdZ3j6ebKzXxbr/2TnTilsCRK9FwndlhAyFVnnBH1qQAqpOPJxVWiKGUqBnOmAYAAAB8eyJvcmlnaW4iOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbTo0NDMiLCJmZWF0dXJlIjoiTG9uZ0FuaW1hdGlvbkZyYW1lU3R5bGVEdXJhdGlvbiIsImV4cGlyeSI6MTc5MTI0NDgwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
Example 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-f5cfc8c5
<meta content="A1cNj7yeFpBT/ETqZHRgUfM9tToLwOpBySTd4C9Eya3JtQo/BEQegM6MMV7BZESSyAjQJJXYgH/ovHY1UHmB8woAAABjeyJvcmlnaW4iOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViTUNQIiwiZXhwaXJ5IjoxNzk0ODczNjAwLCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6fc5060f
<meta content="A1XQljJxk3U4c44gueu4vlIeDofyyWFswfVKbUiNw4itZx4Yy8Uw3nIhtzBePIrv1bSXqzHGDfYymYF5W7TKKAoAAABzeyJvcmlnaW4iOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbTo0NDMiLCJmZWF0dXJlIjoiU3BlY3VsYXRpb25NZWFzdXJlbWVudCIsImV4cGlyeSI6MTc5MzY2NDAwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
100 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-5155e93c
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-06a14f9a
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-5155e93c
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-06a14f9a
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6236d1f6
<button style="display: block;" role="button" aria-label="Previous" class="slick-prev slick-arrow" data-role="none" type="button">
83 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-74b5d483
<header role="banner" class="site-header header--large showDesktop">
Example 2 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c8b3c4a7
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-169a9c4d
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-74b5d483
<header role="banner" class="site-header header--large showDesktop">
Example 5 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c8b3c4a7
<main role="main" class="main-content">
50 Moderate equalAccess input_label_exists
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-5ec981c6
<input name="q" type="search" class="search-bar">
Example 2 View on Page
Form control element <button> has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-156366f6
<button class="btn search-btn" type="submit">
Example 3 View on Page
Form control element <input> has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-5ec981c6
<input name="q" type="search" class="search-bar">
Example 4 View on Page
Form control element <button> has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-156366f6
<button class="btn search-btn" type="submit">
Example 5 View on Page
Form control with "listbox" role has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d7ad79f8
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
44 Moderate equalAccess a_text_purpose: Link text must identify the purpose of the link
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-eef0c988
<a href="/account">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-7cb835da
<a class="CartToggle header-cart" href="/cart">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-294d565f
<a href="/pages/dispenser">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-54b45cf5
<a href="/pages/cutlery">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-258bd150
<a href="/pages/reusable-tableware">
42 Moderate equalAccess img_alt_valid
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6a173ce6
<img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867">
Example 2 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6a173ce6
<img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867">
Example 3 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-fa2f88e9
<img src="//preservefoodservice.com/cdn/shop/files/9_small_cropped.png?v=1686768485">
Example 4 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6a173ce6
<img src="//preservefoodservice.com/cdn/shop/t/8/assets/account.svg?v=152161910560963363051783613867">
Example 5 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c9d3662d
<img loading="eager" decoding="async" class="shogun-image" src="https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/" sizes="100vw" srcset="https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/180x/ 180w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/360x/ 360w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/720x/ 720w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/900x/ 900w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1080x/ 1080w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1200x/ 1200w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1920x/ 1920w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/2048x/ 2048w">
38 Moderate equalAccess aria_banner_label_unique
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c58d7ab9
<header>
Example 2 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-10a7f8d9
<header role="banner" class="site-header header--large showDesktop">
Example 3 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c58d7ab9
<header>
Example 4 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-10a7f8d9
<header role="banner" class="site-header header--large showDesktop">
Example 5 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c58d7ab9
<header>
38 Moderate equalAccess aria_landmark_name_unique
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-70917494
<header>
Example 2 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-0474ddaf
<header role="banner" class="site-header header--large showDesktop">
Example 3 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-70917494
<header>
Example 4 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-0474ddaf
<header role="banner" class="site-header header--large showDesktop">
Example 5 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-70917494
<header>
28 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
13 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'Round, Large'
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-927350a0
<span>
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'Round, Large'
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-9b5effaa
<h1 class="h2" itemprop="name">
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'small'
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-cf50dca9
<span data-fontfamily="Oswald" style="font-family: Oswald; font-size: 26px;">
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'larger'
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c6d76b17
<span data-fontfamily="Oswald" style="font-family: Oswald; font-size: 24px;">
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'small'
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c6d76b17
<span data-fontfamily="Oswald" style="font-family: Oswald; font-size: 24px;">
26 Moderate equalAccess aria_id_unique
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'id' "navigation00" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-430242d2
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
Example 2 View on Page
The 'id' "navigation01" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ffd9937f
<li id="slick-slide01" aria-controls="navigation01" aria-selected="false" role="presentation" aria-hidden="true">
Example 3 View on Page
The 'id' "navigation02" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-42a36eb8
<li id="slick-slide02" aria-controls="navigation02" aria-selected="false" role="presentation" aria-hidden="true">
Example 4 View on Page
The 'id' "navigation00" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-430242d2
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
Example 5 View on Page
The 'id' "navigation01" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ffd9937f
<li id="slick-slide01" aria-controls="navigation01" aria-selected="false" role="presentation" aria-hidden="true">
25 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
17 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-faaba0c1
<a class="icon-fallback-text popupVideo homepage-video__play" href="https://www.youtube.com/watch?v=GUXA-8ei-Ak">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8a9b2d1e
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/round-food-storage-container-large-60-count&text=" target="_blank">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-f2fd813d
<a href="https://preservefoodservice.com/collections/reusable-containers" class="shg-btn shg-cse shg-btn-text" id="s-cb69d6cd-25d6-4d00-b6b3-0253a082875f">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-191a0679
<a href="mailto:sales@preserve.eco">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8f8016f2
<a href="https://preservefoodservice.com/collections/everyday-tableware" class="shg-btn shg-cse shg-btn-text" id="s-d6ff8f88-9ae7-4c4e-9b04-1eca30da765f">
21 Moderate equalAccess aria_attribute_valid
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA attributes "aria-selected" are not valid for the element <li> with ARIA role "presentation"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-9eaddabf
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
Example 2 View on Page
The ARIA attributes "aria-selected" are not valid for the element <li> with ARIA role "presentation"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-78a5ee63
<li id="slick-slide01" aria-controls="navigation01" aria-selected="false" role="presentation" aria-hidden="true">
Example 3 View on Page
The ARIA attributes "aria-selected" are not valid for the element <li> with ARIA role "presentation"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-fdff0be0
<li id="slick-slide02" aria-controls="navigation02" aria-selected="false" role="presentation" aria-hidden="true">
Example 4 View on Page
The ARIA attributes "aria-selected" are not valid for the element <li> with ARIA role "presentation"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-9eaddabf
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
Example 5 View on Page
The ARIA attributes "aria-selected" are not valid for the element <li> with ARIA role "presentation"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-78a5ee63
<li id="slick-slide01" aria-controls="navigation01" aria-selected="false" role="presentation" aria-hidden="true">
20 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Sustainable Solutions for Food Service' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d86a19a7
<p class="content--flex h4--body">
Example 2 View on Page
Confirm this text 'Quantity' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-fc206f8d
<div id="Quantity-product" class="quantity-selector__wrapper text-center">
Example 3 View on Page
Confirm this text '9"x9" 9"x9"' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6a28c790
<p style="text-align: center;" class="p1">
Example 4 View on Page
Confirm this text 'For small volumes (1-10 cases) please visit our online store' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6a28c790
<p style="text-align: center;" class="p1">
Example 5 View on Page
Confirm this text 'Quantity' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-fc206f8d
<div id="Quantity-product" class="quantity-selector__wrapper text-center">
19 Moderate equalAccess html_lang_exists
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c7328a52
<html style="" class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n7-active wf-opensans-n4-active wf-oswald-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active">
Example 2 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4ead1cbb
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4ead1cbb
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4ead1cbb
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4ead1cbb
<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">
19 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-309de865
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-309de865
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-309de865
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-309de865
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-309de865
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
19 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-b3d613bf
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-b3d613bf
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-b3d613bf
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-b3d613bf
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-b3d613bf
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=31186015206642420421783614710">
19 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
19 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e3c3f219
<a class="CartToggle header-cart" href="/cart">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e3c3f219
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e3c3f219
<a class="CartToggle header-cart" href="/cart">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e3c3f219
<a class="CartToggle header-cart" href="/cart">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e3c3f219
<a class="CartToggle header-cart" href="/cart">
19 Moderate equalAccess aria_keyboard_handler_exists
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8da8686d
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 View on Page
Verify the <ul> element with "tablist" role has keyboard access
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6e10d731
<ul role="tablist" style="display: block;" class="slick-dots">
Example 3 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4f99cd43
<div role="listbox" style="opacity: 1; width: 1932px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 4 View on Page
Verify the <ul> element with "tablist" role has keyboard access
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6e10d731
<ul role="tablist" style="display: block;" class="slick-dots">
Example 5 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-41339a23
<div role="listbox" style="opacity: 1; width: 483px; transform: translate3d(0px, 0px, 0px);" class="slick-track">
19 Moderate equalAccess widget_tabbable_exists
12 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1644f79b
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 View on Page
Component with "tablist" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1bff0418
<ul role="tablist" style="display: block;" class="slick-dots">
Example 3 View on Page
Component with "listbox" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-693254f2
<div role="listbox" style="opacity: 1; width: 1932px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 4 View on Page
Component with "tablist" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1bff0418
<ul role="tablist" style="display: block;" class="slick-dots">
Example 5 View on Page
Component with "listbox" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d3ceaec2
<div role="listbox" style="opacity: 1; width: 483px; transform: translate3d(0px, 0px, 0px);" class="slick-track">
19 Moderate equalAccess aria_child_valid
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "tablist" owns the child element with the role "img" that is not one of the allowed role(s): "tab"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-60943e11
<ul role="tablist" style="display: block;" class="slick-dots">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ecb42c62
<ul class="tabs product-tabs-title">
Example 3 View on Page
The element with role "tablist" owns the child element with the role "img" that is not one of the allowed role(s): "tab"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-60943e11
<ul role="tablist" style="display: block;" class="slick-dots">
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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ecb42c62
<ul class="tabs product-tabs-title">
Example 5 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ecb42c62
<ul class="tabs product-tabs-title">
16 Moderate equalAccess input_label_visible: An input element must have an associated visible label
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8add318f
<select data-index="option1" data-section="product" id="SingleOptionSelector-product-0" class="single-option-selector single-option-selector-product">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e29184b
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-20bc536d
<input mm-step="1" step="1" mm-max="10" max="10" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e29184b
<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 does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-4e29184b
<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">
16 Moderate equalAccess aria_banner_single
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-877fdaa9
<header>
Example 2 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-877fdaa9
<header>
Example 3 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-877fdaa9
<header>
Example 4 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-877fdaa9
<header>
Example 5 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-877fdaa9
<header>
12 Moderate equalAccess aria_child_tabbable
12 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8a3349ea
<div role="listbox" style="opacity: 1; width: 2415px; 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-64f699a4
<div role="listbox" style="opacity: 1; width: 1932px; 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-f2d859f3
<div role="listbox" style="opacity: 1; width: 483px; transform: translate3d(0px, 0px, 0px);" class="slick-track">
Example 4 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-70fcf7b4
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-f2d859f3
<div role="listbox" style="opacity: 1; width: 483px; transform: translate3d(0px, 0px, 0px);" class="slick-track">
12 Moderate equalAccess aria_widget_labelled
12 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-436b30f7
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//preservefoodservice.com/cdn/shop/files/9_small_cropped.png?v=1686768485" 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d88e2870
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//preservefoodservice.com/cdn/shop/products/Preserve-AppleGreen-NoBackground_small_cropped.png?v=1586181426" 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-3d43d1cb
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//preservefoodservice.com/cdn/shop/products/Untitleddesign_1_small_cropped.png?v=1635365919" 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d1d80872
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//preservefoodservice.com/cdn/shop/files/P23-PLA-WHITE-fork-lr_small_cropped.jpg?v=1696180615" 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-672099ed
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//preservefoodservice.com/cdn/shop/files/preserve-recycled-Fork-cello-rev_1024x1024_jpg_small_cropped.webp?v=1706303906" class="product__photo slick-slide slick-current slick-active">
12 Moderate equalAccess label_ref_valid
12 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bc999f04
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bc999f04
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bc999f04
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bc999f04
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bc999f04
<label class="quantity-selector uppercase" for="Quantity">
12 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
12 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-a2d13421
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 2 View on Page
The <input> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-039da935
<input mm-step="1" step="1" mm-max="10" max="10" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 3 View on Page
The <input> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-a2d13421
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-a2d13421
<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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-a2d13421
<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">
12 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
12 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-142f282c
<aside class="grid page-margin">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-142f282c
<aside class="grid page-margin">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-142f282c
<aside class="grid page-margin">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-142f282c
<aside class="grid page-margin">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-142f282c
<aside class="grid page-margin">
6 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-405e67bf
<h1 class="title--flex">
Example 2 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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-99e29573
<p class="content--flex h4--body">
Example 3 View on Page
Text contrast of 1.59 with its background is less than the WCAG AA minimum requirements for text of size 24px and weight of 400
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-101dabde
<h3 class="shogun-accordion-title">
Example 4 View on Page
Text contrast of 1.59 with its background is less than the WCAG AA minimum requirements for text of size 24px and weight of 400
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-101dabde
<h3 class="shogun-accordion-title">
Example 5 View on Page
Text contrast of 4.37 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-631ef287
<a href="https://preservefoodservice.com/collections/sleeved-cutlery-for-dispenser" class="shg-btn shg-cse shg-btn-text" id="s-3c3df288-e5af-4cca-b87a-d3e958e052c4">
4 Moderate equalAccess text_quoted_correctly
4 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: ", Small plate 7"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6f74fccd
<span style="font-size: 12px;">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " (5.5mm) ID 7.75"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-12d8c1d5
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "About your new Preserve Cutlery Dispenser"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-5c22c4da
<a target="_blank" rel="noopener" href="https://cdn.shopify.com/s/files/1/0058/2854/2552/files/Cutlery_Dispenser_Manual.pdf?v=1700663452">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "d x 13"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-2e93287a
<li>
3 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-25823fc4
<a href="/pages/contact-us123">
Example 2 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-25823fc4
<a href="/pages/contact-us123">
Example 3 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-25823fc4
<a href="/pages/contact-us123">
2 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-cc650d1a
<iframe loading="lazy" title="Embedded Youtube Video" src="https://www.youtube.com/embed/t3lumJNnl0Y?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 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-9a0e79c2
<iframe loading="lazy" title="Embedded Youtube Video" src="https://www.youtube.com/embed/srln8CpHzUA?start=0&end=0&autoplay=0&loop=0&rel=1" class="shogun-video-embed">
1 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8f50013d
<svg enable-background="new 0 0 97 97" viewBox="0 0 97 97" height="97px" width="97px" y="0px" x="0px">
1 Moderate equalAccess table_headers_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table has no headers identified
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d4572020
<table class="shogun-table">