Accessibility Scan Report

Title: Preserve Food Svc. Site Landing Page Comp (7.17.26) Issue: #329 Date: 7/17/2026, 8:34:58 PM Duration: 3.6m URLs: 20 / 20
Viewport: Desktop (1280×800) Color scheme: both Browser: chromium

🔄 Changes Since Last Scan

931 New unique issues
🆕 New Issues (931)

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 (40), AA (0)
  • By Version (A & AA): WCAG 2.0 (40)
  • Engines used: AXE, Equal Access
  • By Finding Type: Known errors (891) & Best practices (40)
  • Manual testing needed: 0 axe incomplete findings
  • Total: 931 across 31 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 - 840 units – preservefoodservice 59
Medium Compostable Plate | 250 Count – preservefoodservice 59
Round Reusable Container (BASE ONLY) | Large | 60 Count – preservefoodservice 57
Heavy Duty Cutlery - Fork (500 count) – preservefoodservice 57
Sandwich Reusable Container (BASE ONLY) | 60 Count – preservefoodservice 57
Cutlery Dispenser for Preserve Cutlery (Choose Recycled or Compostable – preservefoodservice 55
Recycled Polypro Medium Weight Fork - 840 units – preservefoodservice 55
Preserve Everyday Bowls - 100 Count – preservefoodservice 55
Preserve Everyday Plates - 100 count – preservefoodservice 55
Home Compostable PHA Straws, Giant Long (2400 Count) – preservefoodservice 53

🔧 Most Common Issues (axe)

5 rules
20 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.
20 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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
20 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.
20 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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
20 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.
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 have one main landmark
Mode: light 🕑 First identified: 2026-07-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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
20 Moderate axe page-has-heading-one
20 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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
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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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)

26 rules
124 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-6236d1f6
<button style="display: block;" role="button" aria-label="Previous" class="slick-prev slick-arrow" data-role="none" type="button">
115 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-6fc5060f
<meta content="A1XQljJxk3U4c44gueu4vlIeDofyyWFswfVKbUiNw4itZx4Yy8Uw3nIhtzBePIrv1bSXqzHGDfYymYF5W7TKKAoAAABzeyJvcmlnaW4iOiJodHRwczovL2Nkbi5zaG9waWZ5LmNvbTo0NDMiLCJmZWF0dXJlIjoiU3BlY3VsYXRpb25NZWFzdXJlbWVudCIsImV4cGlyeSI6MTc5MzY2NDAwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
99 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-c8b3c4a7
<main role="main" class="main-content">
62 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-8add318f
<select data-index="option1" data-section="product" id="SingleOptionSelector-product-0" class="single-option-selector single-option-selector-product">
40 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-17 🔑 Pattern ID: A11Y-4a44f0e3
<a aria-label="My Account" href="/account">
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-17 🔑 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-17 🔑 Pattern ID: A11Y-4a44f0e3
<a aria-label="My Account" href="/account">
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-17 🔑 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-17 🔑 Pattern ID: A11Y-4a44f0e3
<a aria-label="My Account" href="/account">
38 Moderate equalAccess aria_id_unique
15 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-17 🔑 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-17 🔑 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' "navigation00" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-430242d2
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
Example 4 View on Page
The 'id' "navigation01" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-ffd9937f
<li id="slick-slide01" aria-controls="navigation01" aria-selected="false" role="presentation" aria-hidden="true">
Example 5 View on Page
The 'id' "navigation02" specified for the ARIA property 'aria-controls' value is not valid
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-42a36eb8
<li id="slick-slide02" aria-controls="navigation02" aria-selected="false" role="presentation" aria-hidden="true">
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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-9eaddabf
<li id="slick-slide00" aria-controls="navigation00" aria-selected="true" role="presentation" aria-hidden="false" class="slick-active">
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-17 🔑 Pattern ID: A11Y-78a5ee63
<li id="slick-slide01" aria-controls="navigation01" 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-17 🔑 Pattern ID: A11Y-fdff0be0
<li id="slick-slide02" aria-controls="navigation02" aria-selected="false" role="presentation" aria-hidden="true">
27 Moderate equalAccess aria_keyboard_handler_exists
15 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-17 🔑 Pattern ID: A11Y-4f99cd43
<div role="listbox" style="opacity: 1; width: 1932px; 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-17 🔑 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-17 🔑 Pattern ID: A11Y-0f133972
<div role="listbox" style="opacity: 1; width: 2898px; 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-17 🔑 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-17 🔑 Pattern ID: A11Y-4f99cd43
<div role="listbox" style="opacity: 1; width: 1932px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
27 Moderate equalAccess widget_tabbable_exists
15 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-17 🔑 Pattern ID: A11Y-693254f2
<div role="listbox" style="opacity: 1; width: 1932px; 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-17 🔑 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-17 🔑 Pattern ID: A11Y-46bda8c1
<div role="listbox" style="opacity: 1; width: 2898px; 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-17 🔑 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-17 🔑 Pattern ID: A11Y-693254f2
<div role="listbox" style="opacity: 1; width: 1932px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
27 Moderate equalAccess aria_child_valid
15 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-60943e11
<ul role="tablist" style="display: block;" class="slick-dots">
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 word(s) 'top' of the user instruction is used to indicate a logical rather than visual position
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-b515015c
<div class="shg-c">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'small'
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-cf50dca9
<span data-fontfamily="Oswald" style="font-family: Oswald; font-size: 26px;">
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'larger'
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-c6d76b17
<span data-fontfamily="Oswald" style="font-family: Oswald; font-size: 24px;">
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'Medium'
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-927350a0
<span>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'Medium'
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-9b5effaa
<h1 class="h2" itemprop="name">
21 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-17 🔑 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-17 🔑 Pattern ID: A11Y-94845b5c
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/cutlery-dispenser-1&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-17 🔑 Pattern ID: A11Y-f2fd813d
<a href="https://preservefoodservice.com/collections/reusable-containers" class="shg-btn shg-cse shg-btn-text" id="s-cb69d6cd-25d6-4d00-b6b3-0253a082875f">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-191a0679
<a href="mailto:sales@preserve.eco">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-a7463a60
<a class="share__link" href="//twitter.com/share?url=https://preservefoodservice.com/products/compostable-soup-spoon&text=" target="_blank">
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-17 🔑 Pattern ID: A11Y-ca52cd08
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-ca52cd08
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-ca52cd08
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-ca52cd08
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-ca52cd08
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
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-17 🔑 Pattern ID: A11Y-ce9d2c88
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
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-17 🔑 Pattern ID: A11Y-ce9d2c88
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
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-17 🔑 Pattern ID: A11Y-ce9d2c88
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
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-17 🔑 Pattern ID: A11Y-ce9d2c88
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
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-17 🔑 Pattern ID: A11Y-ce9d2c88
<link media="all" type="text/css" rel="stylesheet" href="//preservefoodservice.com/cdn/shop/t/8/assets/style.scss.css?v=151872098258619843821784320133">
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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-29b60104
<a aria-label="Link to call 888-354-7296" href="/pages/contact-us123">
19 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
18 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-17 🔑 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-17 🔑 Pattern ID: A11Y-fc206f8d
<div id="Quantity-product" class="quantity-selector__wrapper text-center">
Example 3 View on Page
Confirm this text '9"x9" 9"x9"' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-6a28c790
<p style="text-align: center;" class="p1">
Example 4 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-17 🔑 Pattern ID: A11Y-fc206f8d
<div id="Quantity-product" class="quantity-selector__wrapper text-center">
Example 5 View on Page
Confirm this text 'Why Compostables? Why Compostables?' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-499abfb6
<p>
19 Moderate equalAccess img_alt_valid
13 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-17 🔑 Pattern ID: A11Y-e5fd53b2
<img src="//preservefoodservice.com/cdn/shop/products/preserve-compostable-cutlery-dispenser_small_cropped.jpg?v=1589561500">
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-17 🔑 Pattern ID: A11Y-c9d3662d
<img loading="eager" decoding="async" class="shogun-image" src="https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/" sizes="100vw" srcset="https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/180x/ 180w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/360x/ 360w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/720x/ 720w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/900x/ 900w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1080x/ 1080w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1200x/ 1200w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1920x/ 1920w,https://i.shgcdn.com/522fecb1-34d1-4350-b1e6-0ae5348ef886/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/2048x/ 2048w">
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-17 🔑 Pattern ID: A11Y-7a1d44c3
<img loading="lazy" decoding="async" class="shogun-image" src="https://i.shgcdn.com/afedd5c0-284a-45cd-800e-6310f0ac70a0/-/format/auto/-/preview/3000x3000/-/quality/lighter/">
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-17 🔑 Pattern ID: A11Y-95d9634c
<img loading="lazy" decoding="async" class="shogun-image" src="https://i.shgcdn.com/c215f125-21e5-4790-a41f-68f5ca3ad8e8/-/format/auto/-/preview/3000x3000/-/quality/lighter/">
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-17 🔑 Pattern ID: A11Y-e2d82844
<img loading="lazy" decoding="async" class="shogun-image" src="https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/" sizes="100vw" srcset="https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/180x/ 180w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/360x/ 360w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/720x/ 720w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/900x/ 900w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1080x/ 1080w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1200x/ 1200w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/1920x/ 1920w,https://i.shgcdn.com/de9e10cd-a577-4742-b48e-6c39dc75af49/-/format/auto/-/preview/3000x3000/-/quality/lighter/-/resize/2048x/ 2048w">
15 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-17 🔑 Pattern ID: A11Y-af1f9454
<div role="listbox" style="opacity: 1; width: 1932px; 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-17 🔑 Pattern ID: A11Y-5b4627eb
<div role="listbox" style="opacity: 1; width: 2898px; 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-17 🔑 Pattern ID: A11Y-af1f9454
<div role="listbox" style="opacity: 1; width: 1932px; 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-17 🔑 Pattern ID: A11Y-d7ad79f8
<div role="listbox" style="opacity: 1; width: 2415px; transform: translate3d(-483px, 0px, 0px);" class="slick-track">
Example 5 View on Page
Form control with "listbox" role has no associated label
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-c60c1424
<div role="listbox" style="opacity: 1; width: 483px; transform: translate3d(0px, 0px, 0px);" class="slick-track">
15 Moderate equalAccess aria_child_tabbable
15 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-17 🔑 Pattern ID: A11Y-64f699a4
<div role="listbox" style="opacity: 1; width: 1932px; 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-17 🔑 Pattern ID: A11Y-70fcf7b4
<div role="listbox" style="opacity: 1; width: 2898px; 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-17 🔑 Pattern ID: A11Y-64f699a4
<div role="listbox" style="opacity: 1; width: 1932px; 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-17 🔑 Pattern ID: A11Y-8a3349ea
<div role="listbox" style="opacity: 1; width: 2415px; 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-17 🔑 Pattern ID: A11Y-f2d859f3
<div role="listbox" style="opacity: 1; width: 483px; transform: translate3d(0px, 0px, 0px);" class="slick-track">
15 Moderate equalAccess aria_widget_labelled
15 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-17 🔑 Pattern ID: A11Y-2bfdc455
<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-cutlery-dispenser_small_cropped.jpg?v=1589561500" 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-17 🔑 Pattern ID: A11Y-08228b4f
<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-Spoon-lr_small_cropped.jpg?v=1696203063" 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-17 🔑 Pattern ID: A11Y-fbc213d4
<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/black-recycled-fork_small_cropped.jpg?v=1558116495" 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-17 🔑 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 5 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light 🕑 First identified: 2026-07-17 🔑 Pattern ID: A11Y-672099ed
<div aria-describedby="slick-slide00" role="option" tabindex="-1" style="width: 483px;" aria-hidden="false" data-slick-index="0" data-thumb="//preservefoodservice.com/cdn/shop/files/preserve-recycled-Fork-cello-rev_1024x1024_jpg_small_cropped.webp?v=1706303906" class="product__photo slick-slide slick-current slick-active">
15 Moderate equalAccess label_ref_valid
15 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-bc999f04
<label class="quantity-selector uppercase" for="Quantity">
15 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
15 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-17 🔑 Pattern ID: A11Y-a2d13421
<input mm-step="1" step="1" mm-stock-max="NaN" mm-min="1" data-submit="" id="" name="quantity" pattern="[0-9]*" aria-label="quantity" data-id="" min="1" value="1" class="js-qty__num QuantityInput" type="text">
Example 2 View on Page
The <input> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-07-17 🔑 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-17 🔑 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-17 🔑 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 5 View on Page
The <input> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-07-17 🔑 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">
15 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
15 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-142f282c
<aside class="grid page-margin">
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-17 🔑 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-17 🔑 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-17 🔑 Pattern ID: A11Y-101dabde
<h3 class="shogun-accordion-title">
2 Moderate equalAccess text_quoted_correctly
2 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-17 🔑 Pattern ID: A11Y-2e93287a
<li>
Example 2 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-17 🔑 Pattern ID: A11Y-12d8c1d5
<p>
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-17 🔑 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">