Accessibility Scan Report

Title: Preserve Food Svc. Site Issue: #328 Date: 7/14/2026, 8:46:07 PM Duration: 8.1m URLs: 20 / 20
Viewport: Desktop (1280×800) Color scheme: both Browser: chromium
🖥️ Forced Colors: 20 / 20 URLs

🔄 Changes Since Last Scan

1107 New unique issues
🆕 New Issues (1107)

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 (117), AA (7)
  • By Version (A & AA): WCAG 2.0 (124)
  • Engines used: AXE, Equal Access
  • By Finding Type: Known errors (1011) & Best practices (96)
  • Manual testing needed: 134 axe incomplete findings
  • Total: 1107 across 44 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.
Preserve Cutlery – preservefoodservice 57
Preserve2Go – preservefoodservice 47
Compostable Cups | 1000 Count – preservefoodservice 70
Medium Compostable Plate | 250 Count – preservefoodservice 68
Round Reusable Container (BASE ONLY) | Mini | 80 Count – preservefoodservice 68
Compostable Paper Straws - 4800 count – preservefoodservice 67
Heavy Duty Cutlery - Knife (500 count) – preservefoodservice 66
Compostable Medium Weight Knife- Individually Wrapped 500 units – preservefoodservice 65
Preserve Everyday Bowls - 100 Count – preservefoodservice 64
Round Reusable Container (BASE ONLY) | Small | 60 Count – preservefoodservice 64

🔧 Most Common Issues (axe)

14 rules
49 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.
20 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/products/Preserve-HD-green-recycled-knife_small_cropped.jpg?v=1593687465">
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-7fc30068
<img src="//preservefoodservice.com/cdn/shop/files/P23-PLA-WHITE-knife-cello-lr_small_cropped.jpg?v=1696204382">
XPath: #slick-slide00 > img
40 Moderate axe Best Practice landmark-main-is-top-level: Ensures the main landmark (<main>) is not nested inside another landmark. Screen reader users skip navigation by jumping directly to the main landmark — nesting prevents this.
20 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
Main landmark should not be contained in another landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bd6316ec
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
Example 2 View on Page
Main landmark should not be contained in another landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-64a974aa
<main aria-label="Main menu bar for mobile">
XPath: main[aria-label="Main menu bar for mobile"]
Example 3 View on Page
Main landmark should not be contained in another landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bd6316ec
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
Example 4 View on Page
Main landmark should not be contained in another landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-64a974aa
<main aria-label="Main menu bar for mobile">
XPath: main[aria-label="Main menu bar for mobile"]
Example 5 View on Page
Main landmark should not be contained in another landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-bd6316ec
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
20 Moderate axe Best Practice landmark-no-duplicate-main: Ensures the page has only one main landmark. Multiple main landmarks make it impossible for screen reader users to reliably skip to primary content.
20 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 main landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6b33a9e3
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
Example 2 View on Page
Document should not have more than one main landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6b33a9e3
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
Example 3 View on Page
Document should not have more than one main landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6b33a9e3
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
Example 4 View on Page
Document should not have more than one main landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6b33a9e3
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
Example 5 View on Page
Document should not have more than one main landmark
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6b33a9e3
<main aria-label="Main menu bar for desktop">
XPath: main[aria-label="Main menu bar for desktop"]
20 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.
20 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-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 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-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 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-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
16 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.
16 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-db4c8edb
<h5 class="uppercase home--uppercase">Dispensers &amp; Dispenser Compatible Cutlery</h5>
XPath: .large--one-third.medium--one-third.text-center:nth-child(1) > h5
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
14 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.
14 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: 4422px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 2 View on Page
ARIA input fields must have an accessible name
Mode: light 🕑 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 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: 3685px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
Example 4 View on Page
ARIA input fields must have an accessible name
Mode: light 🕑 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 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: 3685px; transform: translate3d(-737px, 0px, 0px);" role="listbox">
XPath: .slick-track
14 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-toggle-field-name
14 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..." 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 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-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 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-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
12 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.
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

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/products/Preserve-HD-green-recycled-knife_small_cropped.jpg?v=1593687465"></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/files/P23-PLA-WHITE-knife-cello-lr_small_cropped.jpg?v=1696204382"></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/products/PreserveED-Bowl-Blue_1024x1024_b7a3b816-96f0-4662-a6f1-ad7c2958e614_small_cropped.jpg?v=1591384576"></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-Long-PHA-straws-1_small_cropped.jpg?v=1668619994"></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-compostable-cups-blue-12_small_cropped.jpg?v=1594226034"></li>
XPath: #slick-slide00
12 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
12 pages affected

Rule Information

Engine: axe

Roles: 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

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
12 Moderate axe presentation-role-conflict
12 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

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/products/Preserve-HD-green-recycled-knife_small_cropped.jpg?v=1593687465"></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/files/P23-PLA-WHITE-knife-cello-lr_small_cropped.jpg?v=1696204382"></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/products/PreserveED-Bowl-Blue_1024x1024_b7a3b816-96f0-4662-a6f1-ad7c2958e614_small_cropped.jpg?v=1591384576"></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-Long-PHA-straws-1_small_cropped.jpg?v=1668619994"></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-compostable-cups-blue-12_small_cropped.jpg?v=1594226034"></li>
XPath: #slick-slide00
7 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-04970820
<a href="https://www.preserveproducts.com/explore/preserve-compostables" style="box-sizing: border-box; color: #0280c6;" data-mce-href="https://www.preserveproducts.com/explore/preserve-compostables" data-mce-style="box-sizing: border-box; color: #0280c6;" data-mce-fragment="1">here</a>
XPath: a[data-mce-fragment="1"]
Example 4 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
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-7aee23cd
<a id="s-b6f55926-b6d2-4bb3-be14-f437bcada055" class="shg-btn shg-cse shg-btn-text" href="https://www.preserve.eco/pages/contact-us-wholesale-or-food-service-inquiry"> CONTACT US </a>
XPath: #s-b6f55926-b6d2-4bb3-be14-f437bcada055
6 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.
1 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-7d37880f
<input id="input-s-7ff4556c-c573-44a2-be07-8ac36db58286" class="shogun-form-box-field shogun-form-text-input-field" name="First Name*" placeholder="" type="text" required="true">
XPath: #input-s-7ff4556c-c573-44a2-be07-8ac36db58286
Example 2 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ae04f40b
<input id="input-s-6d388832-2f5f-4938-a503-fc247bb47b5b" class="shogun-form-box-field shogun-form-text-input-field" name="Last Name" placeholder="" type="text">
XPath: #input-s-6d388832-2f5f-4938-a503-fc247bb47b5b
Example 3 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-387d272e
<input id="input-s-8b8b797c-f6b5-4308-b48e-47660eabe11b" class="shogun-form-box-field shogun-form-text-input-field" name="Email Address*" placeholder="" type="text" required="true">
XPath: #input-s-8b8b797c-f6b5-4308-b48e-47660eabe11b
Example 4 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-6022c56a
<input id="input-s-242872b9-62da-48dc-9d2d-acf952e8b561" class="shogun-form-box-field shogun-form-text-input-field" name="Phone Number" placeholder="" type="text">
XPath: #input-s-242872b9-62da-48dc-9d2d-acf952e8b561
Example 5 View on Page
Form elements must have labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-04595d2d
<input id="input-s-cf277a73-ce3e-4192-979a-7c16307f7f7b" class="shogun-form-box-field shogun-form-text-input-field" name="Your Question Topic" placeholder="" type="text" required="true">
XPath: #input-s-cf277a73-ce3e-4192-979a-7c16307f7f7b
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/9b33d56a/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/9b33d56a/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"]

🔧 Most Common Issues (Equal Access)

30 rules
126 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
20 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-c4f4e34e
<input aria-label="Search bar" 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-d8da6492
<button aria-label="Search 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-c4f4e34e
<input aria-label="Search bar" 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-d8da6492
<button aria-label="Search 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">
114 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
20 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">
98 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
20 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">
61 Moderate equalAccess input_label_visible: An input element must have an associated visible label
20 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-6eb16143
<input aria-label="Search bar" name="q" type="search" class="search-bar">
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-550d2e23
<button aria-label="Search button" class="btn search-btn" type="submit">
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-6eb16143
<input aria-label="Search bar" name="q" type="search" class="search-bar">
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-550d2e23
<button aria-label="Search button" class="btn search-btn" type="submit">
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-8add318f
<select data-index="option1" data-section="product" id="SingleOptionSelector-product-0" class="single-option-selector single-option-selector-product">
48 Moderate equalAccess img_alt_valid
20 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-f02ad5f3
<img src="//preservefoodservice.com/cdn/shop/products/Preserve-HD-green-recycled-knife_small_cropped.jpg?v=1593687465">
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-c64daf0f
<img src="//preservefoodservice.com/cdn/shop/files/P23-PLA-WHITE-knife-cello-lr_small_cropped.jpg?v=1696204382">
37 Moderate equalAccess aria_id_unique
14 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' "navigation03" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-1cd9db95
<li id="slick-slide03" aria-controls="navigation03" aria-selected="false" role="presentation" aria-hidden="true">
Example 5 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">
35 Moderate equalAccess aria_attribute_valid
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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-a5885fc4
<li id="slick-slide03" aria-controls="navigation03" aria-selected="false" role="presentation" aria-hidden="true">
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-9eaddabf
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
26 Moderate equalAccess aria_keyboard_handler_exists
14 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-0f133972
<div role="listbox" style="opacity: 1; width: 2898px; 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-8da8686d
<div role="listbox" style="opacity: 1; width: 2415px; 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-8da8686d
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
26 Moderate equalAccess widget_tabbable_exists
14 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-46bda8c1
<div role="listbox" style="opacity: 1; width: 2898px; 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-1644f79b
<div role="listbox" style="opacity: 1; width: 2415px; 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-1644f79b
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
26 Moderate equalAccess aria_child_valid
14 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 "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">
24 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 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-655c8ef5
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/heavy-duty-cutlery-knife-500-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-12bbe71f
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/compostable-medium-weight-knife-individually-wrapped-500-units&text=" target="_blank">
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-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 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-191a0679
<a href="mailto:sales@preserve.eco">
22 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
11 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) 'Medium'
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) 'Medium'
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) 'big'
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-c51a4305
<p data-mce-fragment="1">
20 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
20 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-30482768
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-30482768
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-30482768
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-30482768
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-30482768
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
20 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
20 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-5b179d63
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-5b179d63
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-5b179d63
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-5b179d63
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
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-5b179d63
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=86262784718159952861784058896">
20 Moderate equalAccess aria_main_label_visible
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "main" role do not have unique visible labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8543b28a
<body class="template-index" id="preserve-sustainable-food-service-solutions">
Example 2 View on Page
Multiple elements with "main" role do not have unique visible labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-8a1a9620
<body class="template-product" id="heavy-duty-cutlery-knife-500-count">
Example 3 View on Page
Multiple elements with "main" role do not have unique visible labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-e4765fbf
<body class="template-product" id="compostable-medium-weight-knife-individually-wrapped-500-units">
Example 4 View on Page
Multiple elements with "main" role do not have unique visible labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-d66003f9
<body class="template-page" id="preserve2go">
Example 5 View on Page
Multiple elements with "main" role do not have unique visible labels
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-07ca87c5
<body class="template-product" id="preserve-everyday-bowls-100-count">
20 Moderate equalAccess label_name_visible: The label text for an element must be visible
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-29b60104
<a aria-label="Link to call 888-354-7296" href="/pages/contact-us123">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-29b60104
<a aria-label="Link to call 888-354-7296" href="/pages/contact-us123">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-29b60104
<a aria-label="Link to call 888-354-7296" href="/pages/contact-us123">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-29b60104
<a aria-label="Link to call 888-354-7296" href="/pages/contact-us123">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-29b60104
<a aria-label="Link to call 888-354-7296" href="/pages/contact-us123">
20 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
20 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-1ab33aa5
<a aria-label="My Shopping Cart" 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-1ab33aa5
<a aria-label="My Shopping Cart" 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-1ab33aa5
<a aria-label="My Shopping Cart" 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-1ab33aa5
<a aria-label="My Shopping Cart" 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-1ab33aa5
<a aria-label="My Shopping Cart" class="CartToggle header-cart" href="/cart">
20 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
19 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 '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 4 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 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">
20 Moderate equalAccess input_label_exists
15 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form control with "listbox" role has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-5b4627eb
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 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">
Example 3 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">
Example 4 View on Page
Form control with "listbox" role has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-af1f9454
<div role="listbox" style="opacity: 1; width: 1932px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 5 View on Page
Form control element <input> has no associated label
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-032bc016
<input required="true" type="text" placeholder="" name="First Name*" class="shogun-form-box-field shogun-form-text-input-field" id="input-s-7ff4556c-c573-44a2-be07-8ac36db58286">
14 Moderate equalAccess aria_child_tabbable
14 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-70fcf7b4
<div role="listbox" style="opacity: 1; width: 2898px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 2 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light 🕑 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 3 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 4 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 5 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">
14 Moderate equalAccess aria_widget_labelled
14 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-be97e651
<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-HD-green-recycled-knife_small_cropped.jpg?v=1593687465" 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-225b551e
<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-knife-cello-lr_small_cropped.jpg?v=1696204382" 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-bc1d470a
<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/PreserveED-Bowl-Blue_1024x1024_b7a3b816-96f0-4662-a6f1-ad7c2958e614_small_cropped.jpg?v=1591384576" 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-5ba6f39f
<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-Long-PHA-straws-1_small_cropped.jpg?v=1668619994" 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-2f8eb81a
<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-compostable-cups-blue-12_small_cropped.jpg?v=1594226034" class="product__photo slick-slide slick-current slick-active">
14 Moderate equalAccess label_ref_valid
14 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">
14 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
14 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-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 2 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 3 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 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">
14 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
14 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">
8 Moderate equalAccess a_text_purpose: Link text must identify the purpose of the link
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

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-294d565f
<a href="/pages/dispenser">
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-54b45cf5
<a href="/pages/cutlery">
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-258bd150
<a href="/pages/reusable-tableware">
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-0e120f47
<a href="/pages/preserve2go">
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-8ad378b3
<a href="/collections/compostable-tableware">
7 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
5 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 4.28 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-ee44e2f4
<a data-mce-fragment="1" data-mce-style="box-sizing: border-box; color: #0280c6;" data-mce-href="https://www.preserveproducts.com/explore/preserve-compostables" style="box-sizing: border-box; color: #0280c6;" href="https://www.preserveproducts.com/explore/preserve-compostables">
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">
3 Moderate equalAccess text_quoted_correctly
3 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: " Standard Length 10"
Mode: light 🕑 First identified: 2026-07-14 🔑 Pattern ID: A11Y-12d8c1d5
<p>
Example 2 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 3 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>
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">