Accessibility Scan Report

Title: Preserve Food Svc. Site Landing Page Comp (7.9.26) Issue: #326 Date: 7/9/2026, 4:25:10 PM Duration: 3.3m URLs: 20 / 20
Viewport: Desktop (1280×800) Color scheme: both Browser: webkit

🔄 Changes Since Last Scan

767 New unique issues
🆕 New Issues (767)

Replicate this scan

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

Title keywords

VIEWPORT:desktop COLORSCHEME:both BROWSER:webkit

Issue body section

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

Browser selection currently applies to Playwright-based scans. ALFA, Equal Access, and QualWeb keep their existing browser implementations.

Summary

Issues

  • By Level: A (38), AA (0)
  • By Version (A & AA): WCAG 2.0 (38)
  • Engines used: AXE, Equal Access
  • By Finding Type: Known errors (729) & Best practices (38)
  • Manual testing needed: 0 axe incomplete findings
  • Total: 767 across 23 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.
Compostable Medium Weight Soup Spoon- Individually Wrapped 500 units – preservefoodservice 44
Cutlery Dispenser for Preserve Cutlery (Choose Recycled or Compostable – preservefoodservice 44
Compostable Medium Weight Fork - 840 units – preservefoodservice 43
Compostable Medium Weight Soup Spoon - 840 units – preservefoodservice 43
Round Reusable Container Lid | Mini | 80 Count – preservefoodservice 43
Preserve Everyday Bowls - 100 Count – preservefoodservice 42
Heavy Duty Cutlery - Fork (500 count) – preservefoodservice 42
Preserve Everyday Plates - 100 count – preservefoodservice 42
Heavy Duty Cutlery - Knife (500 count) – preservefoodservice 42
Preserve Everyday Cups - 100 count – preservefoodservice 42

🔧 Most Common Issues (axe)

5 rules
19 Serious axe SC 2.4.2 A Visual Cognitive document-title: Ensures every page has a descriptive <title> element. Screen reader users hear the page title first when navigating between pages.
19 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.2 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 2779a5 Open ACT rule

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

Examples

Example 1 View on Page
Documents must have <title> element to aid in navigation
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-8974ee6e
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 2 View on Page
Documents must have <title> element to aid in navigation
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-8974ee6e
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 3 View on Page
Documents must have <title> element to aid in navigation
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-8974ee6e
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 4 View on Page
Documents must have <title> element to aid in navigation
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-8974ee6e
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 5 View on Page
Documents must have <title> element to aid in navigation
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-8974ee6e
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
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-09 🔑 Pattern ID: A11Y-68aee562
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 2 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-68aee562
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 3 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-68aee562
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 4 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-68aee562
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 5 View on Page
<html> element must have a lang attribute
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-68aee562
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
19 Moderate axe Best Practice landmark-one-main: Ensures the page has exactly one main landmark. Screen reader users rely on the main landmark to skip navigation and jump directly to page content.
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 have one main landmark
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cb6e370
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 2 View on Page
Document should have one main landmark
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cb6e370
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 3 View on Page
Document should have one main landmark
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cb6e370
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 4 View on Page
Document should have one main landmark
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cb6e370
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 5 View on Page
Document should have one main landmark
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cb6e370
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
19 Moderate axe page-has-heading-one
19 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-19a7d2c7
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-19a7d2c7
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 3 View on Page
Page should contain a level-one heading
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-19a7d2c7
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 4 View on Page
Page should contain a level-one heading
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-19a7d2c7
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
Example 5 View on Page
Page should contain a level-one heading
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-19a7d2c7
<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre></body></html>
XPath: html
19 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-09 🔑 Pattern ID: A11Y-2030d227
<pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre>
XPath: pre
Example 2 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-2030d227
<pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre>
XPath: pre
Example 3 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-2030d227
<pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre>
XPath: pre
Example 4 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-2030d227
<pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre>
XPath: pre
Example 5 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-2030d227
<pre style="word-wrap: break-word; white-space: pre-wrap;">local_rate_limited</pre>
XPath: pre

🔧 Most Common Issues (Equal Access)

18 rules
124 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-09 🔑 Pattern ID: A11Y-7da9420c
<input name="q" aria-label="Search Bar" 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-09 🔑 Pattern ID: A11Y-e1412798
<button aria-label="Search" 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-09 🔑 Pattern ID: A11Y-7da9420c
<input name="q" aria-label="Search Bar" 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-09 🔑 Pattern ID: A11Y-e1412798
<button aria-label="Search" 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-09 🔑 Pattern ID: A11Y-cbc6772c
<button style="display: block;" type="button" class="slick-prev slick-arrow">
111 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 Pattern ID: A11Y-6fc5060f
<meta content="A1XQljJxk3U4c44gueu4vlIeDofyyWFswfVKbUiNw4itZx4Yy8Uw3nIhtzBePIrv1bSXqzHGDfYymYF5W7TKKAoAAABzeyJvcmlnaW4iOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbTo0NDMiLCJmZWF0dXJlIjoiU3BlY3VsYXRpb25NZWFzdXJlbWVudCIsImV4cGlyeSI6MTc5MzY2NDAwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
98 Moderate equalAccess input_label_visible: An input element must have an associated visible label
19 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-09 🔑 Pattern ID: A11Y-14773a59
<input name="q" aria-label="Search Bar" 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-09 🔑 Pattern ID: A11Y-55cd5176
<button aria-label="Search" class="btn search-btn" type="submit">
Example 3 View on Page
The ‘placeholder’ is the only visible label
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-f87d4e31
<input name="contact[email]" autocapitalize="off" autocorrect="off" aria-label="your-email@example.com" class="input-group-field" id="mail" placeholder="your-email@example.com" type="email">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-e6a472d9
<input value="Subscribe" id="subscribe" name="subscribe" class="btn uppercase" type="submit">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-14773a59
<input name="q" aria-label="Search Bar" type="search" class="search-bar">
57 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-09 🔑 Pattern ID: A11Y-d86a19a7
<p class="content--flex h4--body">
Example 2 View on Page
Confirm this text 'info@preserve.eco info@preserve.eco' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-499abfb6
<p>
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-09 🔑 Pattern ID: A11Y-fc206f8d
<div id="Quantity-product" class="quantity-selector__wrapper text-center">
Example 4 View on Page
Confirm this text 'Related' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-425d931c
<p class="home__subtitle">
Example 5 View on Page
Confirm this text 'info@preserve.eco info@preserve.eco' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-499abfb6
<p>
54 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 "main" is redundant with the implicit role of the element <main>
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-c8b3c4a7
<main role="main" class="main-content">
Example 2 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-09 🔑 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 3 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-09 🔑 Pattern ID: A11Y-c8b3c4a7
<main role="main" class="main-content">
Example 4 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-7cfe28aa
<nav aria-label="breadcrumbs" role="navigation" class="breadcrumb">
Example 5 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-09 🔑 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">
35 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-09 🔑 Pattern ID: A11Y-66f8f471
<a role="button" aria-label="Cart Toggle" 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-09 🔑 Pattern ID: A11Y-66f8f471
<a role="button" aria-label="Cart Toggle" 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-09 🔑 Pattern ID: A11Y-e3a5e19e
<a title="Scroll to reviews" href="#looxReviews">
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-09 🔑 Pattern ID: A11Y-66f8f471
<a role="button" aria-label="Cart Toggle" 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-09 🔑 Pattern ID: A11Y-e3a5e19e
<a title="Scroll to reviews" href="#looxReviews">
32 Moderate equalAccess aria_form_label_unique
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-26bcbc54
<form class="product-form-product product-form" data-section="product" id="AddToCartForm-{{ section.id }" enctype="multipart/form-data" method="post" action="/cart/add">
Example 2 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-d7982e15
<form class="contact-form" accept-charset="UTF-8" id="contact_form" action="/contact#contact_form" method="post">
Example 3 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-26bcbc54
<form class="product-form-product product-form" data-section="product" id="AddToCartForm-{{ section.id }" enctype="multipart/form-data" method="post" action="/cart/add">
Example 4 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-d7982e15
<form class="contact-form" accept-charset="UTF-8" id="contact_form" action="/contact#contact_form" method="post">
Example 5 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-26bcbc54
<form class="product-form-product product-form" data-section="product" id="AddToCartForm-{{ section.id }" enctype="multipart/form-data" method="post" action="/cart/add">
25 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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) 'Medium'
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-927350a0
<span>
20 Moderate equalAccess img_alt_valid
12 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-09 🔑 Pattern ID: A11Y-97529882
<img src="undefined">
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-09 🔑 Pattern ID: A11Y-97529882
<img src="undefined">
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-09 🔑 Pattern ID: A11Y-97529882
<img src="undefined">
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-09 🔑 Pattern ID: A11Y-97529882
<img src="undefined">
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-09 🔑 Pattern ID: A11Y-97529882
<img src="undefined">
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-09 🔑 Pattern ID: A11Y-6cc23063
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cc23063
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cc23063
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cc23063
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-6cc23063
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
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-09 🔑 Pattern ID: A11Y-862f1739
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
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-09 🔑 Pattern ID: A11Y-862f1739
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
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-09 🔑 Pattern ID: A11Y-862f1739
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
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-09 🔑 Pattern ID: A11Y-862f1739
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
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-09 🔑 Pattern ID: A11Y-862f1739
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/6/assets/style.scss.css?v=111310302050097653671783613075">
18 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-09 🔑 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-09 🔑 Pattern ID: A11Y-a726d242
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/preserve-every-day-bowls-100-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-09 🔑 Pattern ID: A11Y-d50d8d57
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/preserve%C2%AE-2-go-reusable-to-go-container&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-09 🔑 Pattern ID: A11Y-98a2aa2c
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/compostable-medium-weight-soup-spoon-individually-wrapped-500-units&text=" target="_blank">
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-09 🔑 Pattern ID: A11Y-70c2bd31
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/compostable-cutlery&text=" target="_blank">
16 Moderate equalAccess label_ref_valid
16 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 Pattern ID: A11Y-bc999f04
<label class="quantity-selector uppercase" for="Quantity">
16 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
16 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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">
16 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
16 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 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-09 🔑 Pattern ID: A11Y-8ad378b3
<a href="/collections/compostable-tableware">
3 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
2 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-09 🔑 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-09 🔑 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-09 🔑 Pattern ID: A11Y-378139f6
<h4 class="shogun-accordion-title">
1 Moderate equalAccess text_quoted_correctly
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "d x 13"
Mode: light 🕑 First identified: 2026-07-09 🔑 Pattern ID: A11Y-2e93287a
<li>