open-scans

Scan Report: Preserve.eco

Issue: https://github.com/mgifford/open-scans/issues/129
Submitted by: timfrick
Scanned at: 2026-03-12T20:20:02.705Z
Engines used: All engines (AXE, ALFA, Equal Access, AccessLint, QualWeb)
Scan duration: 2.6 minutes
Total URLs submitted: 7
Accepted public URLs: 7
Rejected URLs: 0
🌙 Dark mode: None of the scanned URLs support prefers-color-scheme: dark
ALFA outcomes: 3134 passed, 311 failed, 67 cantTell, 314 inapplicable
axe outcomes: 3533 passed, 78 failed, 15 cantTell, 274 inapplicable
Equal Access outcomes: 13823 passed, 344 failed (334 unique, 10 duplicate), 188 cantTell, 0 inapplicable
AccessLint outcomes: 451 passed, 101 failed (101 unique, 0 duplicate), 0 cantTell, 0 inapplicable
QualWeb outcomes: 1507 passed, 197 failed, 363 cantTell, 12 inapplicable
Duplicate findings caught by later scanners: 376

🎯 Priority: Pages with Most Errors

Focus your efforts on these pages to make the biggest impact (combined scanner unique failures):

Page	axe Unique	ALFA Unique	Equal Access Unique	AccessLint Unique	QualWeb	Total Unique	Page Title
View Page	29	12	97	29	62	229	Preserve
View Page	10	35	91	26	50	212	Preserve Compostables
View Page	10	12	46	17	26	111	Contact Us – Preserve
View Page	10	12	37	9	22	90	Shop Toothbrushes, Razors, and Houseware from 100% Recycled Plastic – Preserve
View Page	10	11	32	10	19	82	B Corp Certification – Preserve
View Page	9	11	31	10	18	79	Overview – Preserve

🔧 Priority: Most Common Issues (ALFA)

These ALFA accessibility issues appear most frequently across your pages:

Rule	Pages Affected	Documentation
SIA-R11: Button elements have an accessible name	6 of 7	View Rule
SIA-R111: Interactive elements have a sufficient target size	6 of 7	View Rule
SIA-R12: Links have an accessible name	6 of 7	View Rule
SIA-R2: HTML elements have a valid lang attribute	6 of 7	View Rule
SIA-R4: Page has a descriptive title	6 of 7	View Rule
SIA-R53: Headings follow a logical hierarchy	6 of 7	View Rule
SIA-R66: Text has enhanced contrast with its background	6 of 7	View Rule
SIA-R8: Form elements have accessible labels	6 of 7	View Rule
SIA-R69: Text has sufficient contrast with its background	1 of 7	View Rule
SIA-R18: ARIA states are consistent with element semantics	1 of 7	View Rule

💡 Tip: Click on the rule documentation links to learn how to fix each issue.

🔧 Priority: Most Common Issues (axe)

These axe accessibility issues appear most frequently across your pages:

Rule	Pages Affected	Documentation
button-name	6 of 7	View Rule
heading-order	6 of 7	View Rule
html-has-lang	6 of 7	View Rule
image-alt	6 of 7	View Rule
label	6 of 7	View Rule
link-name	6 of 7	View Rule
region	6 of 7	View Rule
color-contrast	5 of 7	View Rule

💡 Tip: Click on the rule documentation links to learn how to fix each issue. Consider fixing the most common issues first for maximum impact.

🤖 Future Enhancement: This report will soon include AI-powered fix suggestions for authenticated GitHub users (opt-in only, no auto-run AI).

🔍 Cross-Page Patterns: Common HTML Issues

These HTML patterns cause the same accessibility errors across multiple pages. Fix the pattern once in your codebase to fix it everywhere!

🎯 Top Patterns to Fix (Highest Impact)

Pattern 1: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R11: Button elements have an accessible name Issue: The link does not have an accessible name

HTML Pattern:

<a href="/account">...</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 2: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R11: Button elements have an accessible name Issue: The link does not have an accessible name

HTML Pattern:

<a href="/pages/contact-us123" />

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 3: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R11: Button elements have an accessible name Issue: The link does not have an accessible name

HTML Pattern:

<a href="/cart" class="CartToggle header-cart" />

XPath (use in browser DevTools):

/a[@class="CartToggle header-cart"]

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a[@class="CartToggle header-cart"]')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 4: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/account">...</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 5: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/collections" class="nav-link">Shop</a>

XPath (use in browser DevTools):

/a[@class="nav-link"]

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a[@class="nav-link"]')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 6: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="https://preserve-eco.myshopify.com/a/faq" class="nav-link">FAQs</a>

XPath (use in browser DevTools):

/a[@class="nav-link"]

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a[@class="nav-link"]')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 7: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/cart" class="CartToggle">...</a>

XPath (use in browser DevTools):

/a[@class="CartToggle"]

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a[@class="CartToggle"]')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 8: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/collections">Shop</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 9: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/pages/overview">Who We Are</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 10: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/pages/corporate-sales">Sales</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 11: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/pages/gimme5-overview">Gimme 5</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 12: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/pages/contact-us">Contact Us</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 13: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="https://preserve-eco.myshopify.com/a/faq">FAQs</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 14: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="/pages/manage-subscriptions">Manage Subscriptions</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

Pattern 15: Affects 6 page(s) - 6 occurrence(s)

Scanner: ALFA Rule: SIA-R111: Interactive elements have a sufficient target size Issue: Target has insufficient size

HTML Pattern:

<a href="https://www.preserve.eco" itemprop="url">© Preserve 2026</a>

XPath (use in browser DevTools):

/a

How to Replicate:

Open any affected page in your browser
Press F12 to open DevTools
Go to Console tab
Run: $x('/a')
The element will be highlighted

Affected Pages:

https://www.preserve.eco/
https://www.preserve.eco/pages/overview
https://www.preserve.eco/pages/bcorp-certification
https://www.preserve.eco/a/faq
https://www.preserve.eco/collections/preserve
…and 1 more page(s)

💡 Pro Tip: These patterns likely come from shared components or templates in your codebase. Fix them in the component/template source, and the fix will propagate to all affected pages.

📊 Detailed Results

Complete scan results for all tested pages:

Submitted URL	Final URL	Status	HTTP	Redirected	Time (ms)	axe Unique	ALFA Unique	Equal Access Unique	AccessLint Unique	Duplicates	Notes
https://www.preserve.eco/	https://www.preserve.eco/	OK	200	no	15776	10	12	37	9	42	Shop Toothbrushes, Razors, and Houseware from 100% Recycled Plastic – Preserve
										ALFA failed rules: SIA-R11 (Button elements have an accessible name), SIA-R111 (Interactive elements have a sufficient target size), SIA-R12 (Links have an accessible name), SIA-R2 (HTML elements have a valid lang attribute), SIA-R4 (Page has a descriptive title), SIA-R53 (Headings follow a logical hierarchy), SIA-R66 (Text has enhanced contrast with its background), SIA-R8 (Form elements have accessible labels)
										axe failed rules: button-name, color-contrast, heading-order, html-has-lang, image-alt, label, link-name, region
										Equal Access failed rules: a_text_purpose, aria_role_redundant, element_attribute_deprecated, element_tabbable_unobscured, element_tabbable_visible, html_lang_exists, img_alt_valid, input_label_exists, input_label_visible, style_color_misuse, style_focus_visible, style_highcontrast_visible, svg_graphics_labelled, text_block_heading, text_sensory_misuse
										AccessLint failed rules: labels-and-names/button-name, labels-and-names/form-label, landmarks/region, navigable/heading-order, navigable/link-name, readable/html-has-lang, text-alternatives/img-alt
https://www.preserve.eco/collections	https://www.preserve.eco/collections	FAIL	-	no	60001	0	0	0	0	0	URL scan exceeded 60s timeout
https://www.preserve.eco/pages/overview	https://www.preserve.eco/pages/overview	OK	200	no	15971	9	11	31	10	31	Overview – Preserve
										ALFA failed rules: SIA-R11 (Button elements have an accessible name), SIA-R111 (Interactive elements have a sufficient target size), SIA-R12 (Links have an accessible name), SIA-R2 (HTML elements have a valid lang attribute), SIA-R4 (Page has a descriptive title), SIA-R53 (Headings follow a logical hierarchy), SIA-R66 (Text has enhanced contrast with its background), SIA-R8 (Form elements have accessible labels)
										axe failed rules: button-name, heading-order, html-has-lang, image-alt, label, link-name, region
										Equal Access failed rules: a_text_purpose, aria_role_redundant, element_attribute_deprecated, element_tabbable_visible, html_lang_exists, img_alt_valid, input_label_exists, input_label_visible, style_color_misuse, style_focus_visible, style_highcontrast_visible, text_block_heading, text_contrast_sufficient
										AccessLint failed rules: labels-and-names/button-name, labels-and-names/form-label, landmarks/region, navigable/heading-order, navigable/link-name, readable/html-has-lang, text-alternatives/img-alt
https://www.preserve.eco/pages/bcorp-certification	https://www.preserve.eco/pages/bcorp-certification	OK	200	no	13824	10	11	32	10	33	B Corp Certification – Preserve
										ALFA failed rules: SIA-R11 (Button elements have an accessible name), SIA-R111 (Interactive elements have a sufficient target size), SIA-R12 (Links have an accessible name), SIA-R2 (HTML elements have a valid lang attribute), SIA-R4 (Page has a descriptive title), SIA-R53 (Headings follow a logical hierarchy), SIA-R66 (Text has enhanced contrast with its background), SIA-R8 (Form elements have accessible labels)
										axe failed rules: button-name, color-contrast, heading-order, html-has-lang, image-alt, label, link-name, region
										Equal Access failed rules: a_text_purpose, aria_role_redundant, element_attribute_deprecated, element_tabbable_visible, html_lang_exists, img_alt_valid, input_label_exists, input_label_visible, style_color_misuse, style_focus_visible, style_highcontrast_visible, text_block_heading, text_contrast_sufficient, text_sensory_misuse
										AccessLint failed rules: labels-and-names/button-name, labels-and-names/form-label, landmarks/region, navigable/heading-order, navigable/link-name, readable/html-has-lang, text-alternatives/img-alt
https://www.preserve.eco/a/faq	https://www.preserve.eco/a/faq	OK	200	no	16147	29	12	97	29	118	Preserve
										ALFA failed rules: SIA-R11 (Button elements have an accessible name), SIA-R111 (Interactive elements have a sufficient target size), SIA-R12 (Links have an accessible name), SIA-R2 (HTML elements have a valid lang attribute), SIA-R4 (Page has a descriptive title), SIA-R53 (Headings follow a logical hierarchy), SIA-R66 (Text has enhanced contrast with its background), SIA-R69 (Text has sufficient contrast with its background), SIA-R8 (Form elements have accessible labels)
										axe failed rules: button-name, color-contrast, heading-order, html-has-lang, image-alt, label, link-name, region
										Equal Access failed rules: a_text_purpose, aria_role_redundant, element_attribute_deprecated, element_tabbable_unobscured, element_tabbable_visible, html_lang_exists, img_alt_valid, input_label_exists, input_label_visible, label_ref_valid, style_color_misuse, style_focus_visible, style_highcontrast_visible, text_block_heading, text_contrast_sufficient, text_sensory_misuse
										AccessLint failed rules: distinguishable/color-contrast, labels-and-names/button-name, labels-and-names/form-label, landmarks/region, navigable/heading-order, navigable/link-name, readable/html-has-lang, text-alternatives/img-alt
https://www.preserve.eco/collections/preserve	https://www.preserve.eco/collections/preserve	OK	200	no	17650	10	35	91	26	111	Preserve Compostables
										ALFA failed rules: SIA-R11 (Button elements have an accessible name), SIA-R111 (Interactive elements have a sufficient target size), SIA-R12 (Links have an accessible name), SIA-R18 (ARIA states are consistent with element semantics), SIA-R2 (HTML elements have a valid lang attribute), SIA-R4 (Page has a descriptive title), SIA-R53 (Headings follow a logical hierarchy), SIA-R66 (Text has enhanced contrast with its background), SIA-R72, SIA-R73 (Text spacing can be adjusted without loss of content), SIA-R8 (Form elements have accessible labels), SIA-R86 (Page has a mechanism to bypass repeated blocks of content)
										axe failed rules: button-name, color-contrast, heading-order, html-has-lang, image-alt, label, link-name, region
										Equal Access failed rules: a_text_purpose, aria_attribute_deprecated, aria_role_redundant, element_attribute_deprecated, element_tabbable_role_valid, element_tabbable_visible, html_lang_exists, img_alt_valid, input_label_exists, input_label_visible, style_color_misuse, style_focus_visible, style_highcontrast_visible, text_block_heading, text_contrast_sufficient
										AccessLint failed rules: aria/presentation-role-conflict, labels-and-names/button-name, labels-and-names/form-label, landmarks/region, navigable/heading-order, navigable/link-name, readable/html-has-lang, text-alternatives/img-alt
https://www.preserve.eco/pages/contact-us	https://www.preserve.eco/pages/contact-us	OK	200	no	14081	10	12	46	17	41	Contact Us – Preserve
										ALFA failed rules: SIA-R11 (Button elements have an accessible name), SIA-R111 (Interactive elements have a sufficient target size), SIA-R12 (Links have an accessible name), SIA-R2 (HTML elements have a valid lang attribute), SIA-R4 (Page has a descriptive title), SIA-R53 (Headings follow a logical hierarchy), SIA-R66 (Text has enhanced contrast with its background), SIA-R8 (Form elements have accessible labels)
										axe failed rules: button-name, color-contrast, heading-order, html-has-lang, image-alt, label, link-name, region
										Equal Access failed rules: a_text_purpose, aria_role_redundant, element_attribute_deprecated, element_tabbable_unobscured, element_tabbable_visible, html_lang_exists, img_alt_valid, input_label_exists, input_label_visible, style_color_misuse, style_focus_visible, style_highcontrast_visible, text_block_heading, text_contrast_sufficient, text_sensory_misuse
										AccessLint failed rules: distinguishable/color-contrast, labels-and-names/button-name, labels-and-names/form-label, landmarks/region, navigable/heading-order, navigable/link-name, readable/html-has-lang, text-alternatives/img-alt

Detailed Failure Information (ALFA)

https://www.preserve.eco/

Rule: SIA-R11: Button elements have an accessible name

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The link does not have an accessible name
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: The link does not have an accessible name
HTML: <a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]

Rule: SIA-R111: Interactive elements have a sufficient target size

WCAG: SC 2.5.8 (Level AA)

Failure 1:

Message: Target has insufficient size
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: Target has insufficient size
HTML: <a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]

Failure 3:

Message: Target has insufficient size
HTML: <a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]

Failure 4:

Message: Target has insufficient size
HTML: <a href="/collections/razors" class="btn btn--clear btn--square uppercase"> SHOP SHAVE </a>
XPath: /a[@class="btn btn--clear btn--square uppercase"]

Rule: SIA-R12: Links have an accessible name

WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: The button does not have an accessible name
HTML: <button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]

Rule: SIA-R2: HTML elements have a valid lang attribute

WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: The image does not have an accessible name
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img

Rule: SIA-R4: Page has a descriptive title

WCAG: SC 2.4.2 (Level A)

Failure 1:

Message: The lang attribute is either missing, empty, or only whitespace
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i4-active wf-opensans-i7-active wf-oswald-n4-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-opensans-i4-active wf-opensans-i7-active wf-oswald-n4-active wf-active"]

Rule: SIA-R53: Headings follow a logical hierarchy

WCAG: Best Practice

Failure 1:

Message: The heading skips one or more levels
HTML: <h4 class="home__subtitle">SHOP PRESERVE</h4>
XPath: /h4[@class="home__subtitle"]

Rule: SIA-R66: Text has enhanced contrast with its background

WCAG: SC 1.4.6 (Level AAA)

Failure 1:

Message: The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1

Rule: SIA-R8: Form elements have accessible labels

WCAG: SC 1.3.1, SC 4.1.2 (Level A)

Failure 1:

Message: The form field does not have an accessible name
HTML: <input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]

https://www.preserve.eco/pages/overview

Rule: SIA-R11: Button elements have an accessible name

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The link does not have an accessible name
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: The link does not have an accessible name
HTML: <a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]

Rule: SIA-R111: Interactive elements have a sufficient target size

WCAG: SC 2.5.8 (Level AA)

Failure 1:

Message: Target has insufficient size
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: Target has insufficient size
HTML: <a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]

Failure 3:

Message: Target has insufficient size
HTML: <a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]

Rule: SIA-R12: Links have an accessible name

WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: The button does not have an accessible name
HTML: <button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]

Rule: SIA-R2: HTML elements have a valid lang attribute

WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: The image does not have an accessible name
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img

Rule: SIA-R4: Page has a descriptive title

WCAG: SC 2.4.2 (Level A)

Failure 1:

Message: The lang attribute is either missing, empty, or only whitespace
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active"]

Rule: SIA-R53: Headings follow a logical hierarchy

WCAG: Best Practice

Failure 1:

Message: The heading skips one or more levels
HTML: <h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]

Rule: SIA-R66: Text has enhanced contrast with its background

WCAG: SC 1.4.6 (Level AAA)

Failure 1:

Message: The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1

Rule: SIA-R8: Form elements have accessible labels

WCAG: SC 1.3.1, SC 4.1.2 (Level A)

Failure 1:

Message: The form field does not have an accessible name
HTML: <input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]

https://www.preserve.eco/pages/bcorp-certification

Rule: SIA-R11: Button elements have an accessible name

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The link does not have an accessible name
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: The link does not have an accessible name
HTML: <a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]

Rule: SIA-R111: Interactive elements have a sufficient target size

WCAG: SC 2.5.8 (Level AA)

Failure 1:

Message: Target has insufficient size
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: Target has insufficient size
HTML: <a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]

Failure 3:

Message: Target has insufficient size
HTML: <a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]

Rule: SIA-R12: Links have an accessible name

WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: The button does not have an accessible name
HTML: <button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]

Rule: SIA-R2: HTML elements have a valid lang attribute

WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: The image does not have an accessible name
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img

Rule: SIA-R4: Page has a descriptive title

WCAG: SC 2.4.2 (Level A)

Failure 1:

Message: The lang attribute is either missing, empty, or only whitespace
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n7-active wf-opensans-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n7-active wf-opensans-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active"]

Rule: SIA-R53: Headings follow a logical hierarchy

WCAG: Best Practice

Failure 1:

Message: The heading skips one or more levels
HTML: <h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]

Rule: SIA-R66: Text has enhanced contrast with its background

WCAG: SC 1.4.6 (Level AAA)

Failure 1:

Message: The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1

Rule: SIA-R8: Form elements have accessible labels

WCAG: SC 1.3.1, SC 4.1.2 (Level A)

Failure 1:

Message: The form field does not have an accessible name
HTML: <input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]

https://www.preserve.eco/a/faq

Rule: SIA-R11: Button elements have an accessible name

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The link does not have an accessible name
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: The link does not have an accessible name
HTML: <a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]

Rule: SIA-R111: Interactive elements have a sufficient target size

WCAG: SC 2.5.8 (Level AA)

Failure 1:

Message: Target has insufficient size
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: Target has insufficient size
HTML: <a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]

Failure 3:

Message: Target has insufficient size
HTML: <a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]

Rule: SIA-R12: Links have an accessible name

WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: The button does not have an accessible name
HTML: <button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]

Rule: SIA-R2: HTML elements have a valid lang attribute

WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: The image does not have an accessible name
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img

Rule: SIA-R4: Page has a descriptive title

WCAG: SC 2.4.2 (Level A)

Failure 1:

Message: The lang attribute is either missing, empty, or only whitespace
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active"]

Rule: SIA-R53: Headings follow a logical hierarchy

WCAG: Best Practice

Failure 1:

Message: The heading skips one or more levels
HTML: <h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]

Rule: SIA-R66: Text has enhanced contrast with its background

WCAG: SC 1.4.6 (Level AAA)

Failure 1:

Message: The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1

Rule: SIA-R69: Text has sufficient contrast with its background

WCAG: SC 1.4.3 (Level AA)

Failure 1:

Message: The highest possible contrast of the text is 3.61:1 which is below the required contrast of 4.5:1

Rule: SIA-R8: Form elements have accessible labels

WCAG: SC 1.3.1, SC 4.1.2 (Level A)

Failure 1:

Message: The form field does not have an accessible name
HTML: <input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]

https://www.preserve.eco/collections/preserve

Rule: SIA-R11: Button elements have an accessible name

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The link does not have an accessible name
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: The link does not have an accessible name
HTML: <a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]

Rule: SIA-R111: Interactive elements have a sufficient target size

WCAG: SC 2.5.8 (Level AA)

Failure 1:

Message: Target has insufficient size
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: Target has insufficient size
HTML: <a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]

Failure 3:

Message: Target has insufficient size
HTML: <a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]

Rule: SIA-R12: Links have an accessible name

WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: The button does not have an accessible name
HTML: <button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]

Rule: SIA-R18: ARIA states are consistent with element semantics

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The attribute is not allowed for the element on which it is specified

Rule: SIA-R2: HTML elements have a valid lang attribute

WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: The image does not have an accessible name
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img

Rule: SIA-R4: Page has a descriptive title

WCAG: SC 2.4.2 (Level A)

Failure 1:

Message: The lang attribute is either missing, empty, or only whitespace
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n7-active wf-opensans-i7-active wf-oswald-n4-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n7-active wf-opensans-i7-active wf-oswald-n4-active wf-active"]

Rule: SIA-R53: Headings follow a logical hierarchy

WCAG: Best Practice

Failure 1:

Message: The heading skips one or more levels
HTML: <h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]

Rule: SIA-R66: Text has enhanced contrast with its background

WCAG: SC 1.4.6 (Level AAA)

Failure 1:

Message: The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1

Rule: SIA-R72

Failure 1:

Message: The text of the paragraph is uppercased
HTML: <p class="h6 name_wrapper"> Compostable Straws \| 50 Count </p>
XPath: /p[@class="h6 name_wrapper"]

Rule: SIA-R73: Text spacing can be adjusted without loss of content

WCAG: SC 1.4.12 (Level AA)

Failure 1:

Message: The line height of the paragraph is less than 1.5
HTML: <p class="h6 name_wrapper"> Compostable Straws \| 50 Count </p>
XPath: /p[@class="h6 name_wrapper"]

Rule: SIA-R8: Form elements have accessible labels

WCAG: SC 1.3.1, SC 4.1.2 (Level A)

Failure 1:

Message: The form field does not have an accessible name
HTML: <input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]

Rule: SIA-R86: Page has a mechanism to bypass repeated blocks of content

WCAG: SC 2.4.1 (Level A)

Failure 1:

Message: The element is marked as decorative but is exposed
HTML: <div class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-9133b66d-1db2-4106-b576-926b544fb049" tabindex="0" role="none" aria-disabled="false" data-option-value="Sea Grass" style="position: relative; background-color: rgb(218, 235, 182); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-245 PwzrButton-root-216 PwzrButton-text-218 rio-swatch-border-double-9133b66d-1db2-4106-b576-926b544fb049"]

Failure 2:

Message: The element is marked as decorative but is exposed
HTML: <div class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-d17954bc-09f7-40c6-a787-5037408b2f74" tabindex="0" role="none" aria-disabled="false" data-option-value="Natural" style="position: relative; background-color: rgb(240, 236, 217); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-277 PwzrButton-root-248 PwzrButton-text-250 rio-swatch-border-double-d17954bc-09f7-40c6-a787-5037408b2f74"]

Failure 3:

Message: The element is marked as decorative but is exposed
HTML: <div class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-27becc02-14a3-42f8-a1dc-148efa5fed6b" tabindex="0" role="none" aria-disabled="false" data-option-value="Red Lily" style="position: relative; background-color: rgb(250, 149, 129); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-309 PwzrButton-root-280 PwzrButton-text-282 rio-swatch-border-double-27becc02-14a3-42f8-a1dc-148efa5fed6b"]

Failure 4:

Message: The element is marked as decorative but is exposed
HTML: <div class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-7646b58c-9bac-45be-8f08-9e4c2c484b00" tabindex="0" role="none" aria-disabled="false" data-option-value="Cornflower" style="position: relative; background-color: rgb(206, 230, 237); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-341 PwzrButton-root-312 PwzrButton-text-314 rio-swatch-border-double-7646b58c-9bac-45be-8f08-9e4c2c484b00"]

Failure 5:

Message: The element is marked as decorative but is exposed
HTML: <div class="PwzrButtonBase-root-590 PwzrButton-root-561 PwzrButton-text-563 rio-swatch-border-double-04f7d42f-78c4-4d7e-ba70-58cd09491807" tabindex="0" role="none" aria-disabled="false" data-option-value="Sea Grass" style="position: relative; background-color: rgb(218, 235, 182); min-width: 40px; width: 40px; height: 40px; outline: none; box-sizing: border-box; border: 3px solid rgb(220, 220, 220);">...</div>
XPath: /div[@class="PwzrButtonBase-root-590 PwzrButton-root-561 PwzrButton-text-563 rio-swatch-border-double-04f7d42f-78c4-4d7e-ba70-58cd09491807"]

… and 16 more failures for this rule

https://www.preserve.eco/pages/contact-us

Rule: SIA-R11: Button elements have an accessible name

WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: The link does not have an accessible name
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: The link does not have an accessible name
HTML: <a href="/cart" class="CartToggle header-cart" />
XPath: /a[@class="CartToggle header-cart"]

Rule: SIA-R111: Interactive elements have a sufficient target size

WCAG: SC 2.5.8 (Level AA)

Failure 1:

Message: Target has insufficient size
HTML: <a href="/account">...</a>
XPath: /a

Failure 2:

Message: Target has insufficient size
HTML: <a href="/collections" class="nav-link">Shop</a>
XPath: /a[@class="nav-link"]

Failure 3:

Message: Target has insufficient size
HTML: <a href="/cart" class="CartToggle">...</a>
XPath: /a[@class="CartToggle"]

Failure 4:

Message: Target has insufficient size
HTML: <a id="s-d2ef0af8-dc4e-470c-b667-a48b245a10b3" class="shg-btn shg-cse " href="https://www.preserve.eco/pages/contact-us-marketing-partnerships-donations"> Marketing Partnerships & Donations </a>
XPath: /a[@id="s-d2ef0af8-dc4e-470c-b667-a48b245a10b3"]

Rule: SIA-R12: Links have an accessible name

WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: The button does not have an accessible name
HTML: <button type="submit" class="btn search-btn" />
XPath: /button[@class="btn search-btn"]

Rule: SIA-R2: HTML elements have a valid lang attribute

WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: The image does not have an accessible name
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645" />
XPath: /img

Rule: SIA-R4: Page has a descriptive title

WCAG: SC 2.4.2 (Level A)

Failure 1:

Message: The lang attribute is either missing, empty, or only whitespace
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">...</html>
XPath: /html[@class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active"]

Rule: SIA-R53: Headings follow a logical hierarchy

WCAG: Best Practice

Failure 1:

Message: The heading skips one or more levels
HTML: <h5 class="uppercase">Main menu </h5>
XPath: /h5[@class="uppercase"]

Rule: SIA-R66: Text has enhanced contrast with its background

WCAG: SC 1.4.6 (Level AAA)

Failure 1:

Message: The highest possible contrast of the text is 4.55:1 which is below the required contrast of 7:1

Rule: SIA-R8: Form elements have accessible labels

WCAG: SC 1.3.1, SC 4.1.2 (Level A)

Failure 1:

Message: The form field does not have an accessible name
HTML: <input class="search-bar" type="search" name="q" />
XPath: /input[@class="search-bar"]

Detailed Failure Information (axe)

https://www.preserve.eco/

Rule: button-name

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Buttons must have discernible text
HTML: <button type="submit" class="btn search-btn"></button>
XPath: .search-btn

Rule: color-contrast

Impact: serious WCAG: SC 1.4.3 (Level AA)

Failure 1:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message

Rule: heading-order

Impact: moderate

Failure 1:

Message: Heading levels should only increase by one
HTML: <h4 class="home__subtitle">SHOP PRESERVE</h4>
XPath: .wrapper > h4

Rule: html-has-lang

Impact: serious WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: <html> element must have a lang attribute
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html

Rule: image-alt

Impact: critical WCAG: SC 1.1.1 (Level A)

Failure 1:

Message: Images must have alternative text
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img

Rule: label

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Form elements must have labels
HTML: <input class="search-bar" type="search" name="q">
XPath: .search-bar

Rule: link-name

Impact: serious WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: Links must have discernible text
HTML: <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a>
XPath: a[href$="account"]

Failure 2:

Message: Links must have discernible text
HTML: <a href="/pages/contact-us123"></a>
XPath: a[href$="contact-us123"]

Failure 3:

Message: Links must have discernible text
HTML: <a href="/cart" class="CartToggle header-cart"></a>
XPath: .nav--desktop > .mobile-wrapper > .header-cart__wrapper > .header-cart.CartToggle[href$="cart"]

Rule: region

Impact: moderate

Failure 1:

Message: All page content should be contained by landmarks
HTML: <div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link

https://www.preserve.eco/pages/overview

Rule: button-name

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Buttons must have discernible text
HTML: <button type="submit" class="btn search-btn"></button>
XPath: .search-btn

Rule: heading-order

Impact: moderate

Failure 1:

Message: Heading levels should only increase by one
HTML: <h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5

Rule: html-has-lang

Impact: serious WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: <html> element must have a lang attribute
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-oswald-n4-active wf-opensans-n7-active wf-opensans-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html

Rule: image-alt

Impact: critical WCAG: SC 1.1.1 (Level A)

Failure 1:

Message: Images must have alternative text
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img

Rule: label

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Form elements must have labels
HTML: <input class="search-bar" type="search" name="q">
XPath: .search-bar

Rule: link-name

Impact: serious WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: Links must have discernible text
HTML: <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a>
XPath: a[href$="account"]

Failure 2:

Message: Links must have discernible text
HTML: <a href="/pages/contact-us123"></a>
XPath: a[href$="contact-us123"]

Failure 3:

Message: Links must have discernible text
HTML: <a href="/cart" class="CartToggle header-cart"></a>
XPath: .nav--desktop > .mobile-wrapper > .header-cart__wrapper > .header-cart.CartToggle[href$="cart"]

Rule: region

Impact: moderate

Failure 1:

Message: All page content should be contained by landmarks
HTML: <div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link

https://www.preserve.eco/pages/bcorp-certification

Rule: button-name

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Buttons must have discernible text
HTML: <button type="submit" class="btn search-btn"></button>
XPath: .search-btn

Rule: color-contrast

Impact: serious WCAG: SC 1.4.3 (Level AA)

Failure 1:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message

Rule: heading-order

Impact: moderate

Failure 1:

Message: Heading levels should only increase by one
HTML: <h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5

Rule: html-has-lang

Impact: serious WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: <html> element must have a lang attribute
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html

Rule: image-alt

Impact: critical WCAG: SC 1.1.1 (Level A)

Failure 1:

Message: Images must have alternative text
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img

Rule: label

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Form elements must have labels
HTML: <input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar

Rule: link-name

Impact: serious WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: Links must have discernible text
HTML: <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a>
XPath: a[href$="account"]

Failure 2:

Message: Links must have discernible text
HTML: <a href="/pages/contact-us123"></a>
XPath: a[href$="contact-us123"]

Failure 3:

Message: Links must have discernible text
HTML: <a href="/cart" class="CartToggle header-cart"></a>
XPath: .nav--desktop > .mobile-wrapper > .header-cart__wrapper > .header-cart.CartToggle[href$="cart"]

Rule: region

Impact: moderate

Failure 1:

Message: All page content should be contained by landmarks
HTML: <div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link

https://www.preserve.eco/a/faq

Rule: button-name

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Buttons must have discernible text
HTML: <button type="submit" class="btn search-btn"></button>
XPath: .search-btn

Rule: color-contrast

Impact: serious WCAG: SC 1.4.3 (Level AA)

Failure 1:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message

Failure 2:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <label for="toggle-ProductRelated-0-0-where-are-your-products-made-" class="faqPlusAppTitle" itemprop="name">Where are your products made?</label>
XPath: #where-are-your-products-made- > label

Failure 3:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <label for="toggle-ProductRelated-1-0-what-are-preserve-blades-made-from-" class="faqPlusAppTitle" itemprop="name">What are Preserve blades made from?</label>
XPath: #what-are-preserve-blades-made-from- > label

Failure 4:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <label for="toggle-ProductRelated-2-0-what-are-the-bristles-on-your-toothbrushes-made-from-" class="faqPlusAppTitle" itemprop="name">What are the bristles on your toothbrushes made from?</label>
XPath: #what-are-the-bristles-on-your-toothbrushes-made-from- > label

Failure 5:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <label for="toggle-ProductRelated-3-0-what-s-in-your-lubricating-strip-" class="faqPlusAppTitle" itemprop="name">What’s in your lubricating strip?</label>
XPath: #what-s-in-your-lubricating-strip- > label

… and 15 more failures for this rule

Rule: heading-order

Impact: moderate

Failure 1:

Message: Heading levels should only increase by one
HTML: <h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5

Rule: html-has-lang

Impact: serious WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: <html> element must have a lang attribute
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n4-active wf-opensans-n7-active wf-oswald-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active" style="">
XPath: html

Rule: image-alt

Impact: critical WCAG: SC 1.1.1 (Level A)

Failure 1:

Message: Images must have alternative text
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img

Rule: label

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Form elements must have labels
HTML: <input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar

Rule: link-name

Impact: serious WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: Links must have discernible text
HTML: <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a>
XPath: a[href$="account"]

Failure 2:

Message: Links must have discernible text
HTML: <a href="/pages/contact-us123"></a>
XPath: a[href$="contact-us123"]

Failure 3:

Message: Links must have discernible text
HTML: <a href="/cart" class="CartToggle header-cart"></a>
XPath: .nav--desktop > .mobile-wrapper > .header-cart__wrapper > .header-cart.CartToggle[href$="cart"]

Rule: region

Impact: moderate

Failure 1:

Message: All page content should be contained by landmarks
HTML: <div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link

https://www.preserve.eco/collections/preserve

Rule: button-name

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Buttons must have discernible text
HTML: <button type="submit" class="btn search-btn"></button>
XPath: .search-btn

Rule: color-contrast

Impact: serious WCAG: SC 1.4.3 (Level AA)

Failure 1:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message

Rule: heading-order

Impact: moderate

Failure 1:

Message: Heading levels should only increase by one
HTML: <h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5

Rule: html-has-lang

Impact: serious WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: <html> element must have a lang attribute
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n7-active wf-opensans-n4-active wf-oswald-n4-active wf-opensans-i4-active wf-opensans-i7-active wf-active" style="">
XPath: html

Rule: image-alt

Impact: critical WCAG: SC 1.1.1 (Level A)

Failure 1:

Message: Images must have alternative text
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img

Rule: label

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Form elements must have labels
HTML: <input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar

Rule: link-name

Impact: serious WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: Links must have discernible text
HTML: <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a>
XPath: a[href$="account"]

Failure 2:

Message: Links must have discernible text
HTML: <a href="/pages/contact-us123"></a>
XPath: a[href$="contact-us123"]

Failure 3:

Message: Links must have discernible text
HTML: <a href="/cart" class="CartToggle header-cart"></a>
XPath: .nav--desktop > .mobile-wrapper > .header-cart__wrapper > .header-cart.CartToggle[href$="cart"]

Rule: region

Impact: moderate

Failure 1:

Message: All page content should be contained by landmarks
HTML: <div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link

https://www.preserve.eco/pages/contact-us

Rule: button-name

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Buttons must have discernible text
HTML: <button type="submit" class="btn search-btn"></button>
XPath: .search-btn

Rule: color-contrast

Impact: serious WCAG: SC 1.4.3 (Level AA)

Failure 1:

Message: Elements must meet minimum color contrast ratio thresholds
HTML: <span id="qab_message" style="color: inherit; font-size: 18px;">FREE SHIPPING ON ALL U.S. ORDERS OVER $50! </span>
XPath: #qab_message

Rule: heading-order

Impact: moderate

Failure 1:

Message: Heading levels should only increase by one
HTML: <h5 class="uppercase">Main menu </h5>
XPath: .large--one-third.grid__item:nth-child(1) > h5

Rule: html-has-lang

Impact: serious WCAG: SC 3.1.1 (Level A)

Failure 1:

Message: <html> element must have a lang attribute
HTML: <html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface wf-opensans-n7-active wf-opensans-n4-active wf-oswald-n4-active wf-opensans-i7-active wf-opensans-i4-active wf-active" style="">
XPath: html

Rule: image-alt

Impact: critical WCAG: SC 1.1.1 (Level A)

Failure 1:

Message: Images must have alternative text
HTML: <img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645">
XPath: a[href$="account"] > img

Rule: label

Impact: critical WCAG: SC 4.1.2 (Level A)

Failure 1:

Message: Form elements must have labels
HTML: <input class="search-bar snize-input-style" type="search" name="q" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" aria-expanded="false" autocorrect="off" autocapitalize="off" autocomplete="off">
XPath: .search-bar

Rule: link-name

Impact: serious WCAG: SC 2.4.4, SC 4.1.2 (Level A)

Failure 1:

Message: Links must have discernible text
HTML: <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a>
XPath: a[href$="account"]

Failure 2:

Message: Links must have discernible text
HTML: <a href="/pages/contact-us123"></a>
XPath: a[href$="contact-us123"]

Failure 3:

Message: Links must have discernible text
HTML: <a href="/cart" class="CartToggle header-cart"></a>
XPath: .nav--desktop > .mobile-wrapper > .header-cart__wrapper > .header-cart.CartToggle[href$="cart"]

Rule: region

Impact: moderate

Failure 1:

Message: All page content should be contained by landmarks
HTML: <div class="header-account-link"> <a href="/account"><img src="//www.preserve.eco/cdn/shop/t/21/assets/account.svg?v=152161910560963363051726753645"></a> </div>
XPath: .header-account-link

This site is open source. Improve this page.