Public accessibility assessment

Accessibility issues detected on lifestraw.com

Evolize inspected 5 public pages on lifestraw.com and detected 50 automatically identifiable accessibility findings.

50Findings detected

9WCAG criteria affected

5Pages inspected

8 Sep 2026Assessment date

Highest detected severity: High · 9 high-priority findings · 100% inspected-page coverage

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages

Most affected page/31 findings detected

Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)17 detected findings

Is lifestraw.com your website?

Keep this assessment current and get notified when new accessibility issues are detected.

ACTIVATE MONITORING RUN A FREE ASSESSMENT

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on lifestraw.com and detected 50 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 5 inspected pages. The most affected inspected page was "/", where 31 findings were detected. The assessment identified findings mapped to 9 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

High
Form fields use placeholder text as the only label
WCAG 1.3.1 (A) · 5 inspected pages · 5 instances
Why this matters
Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
Recommended action
Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.
View technical evidence →
High
Form fields use placeholder text as the only label
WCAG 1.3.1 (A) · 5 inspected pages · 5 instances
Why this matters
Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
Recommended action
Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 4 inspected pages · 27 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View technical evidence →
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A) · 1 inspected page · 1 instance
Why this matters
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
Recommended action
Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View technical evidence →
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A) · 1 inspected page · 1 instance
Why this matters
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
Recommended action
Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View technical evidence →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	17	3	3 / 5
2.4.3	Focus Order	A	8	5	5 / 5
4.1.2	Name, Role, Value	A	8	3	3 / 5
1.3.1	Info and Relationships	A	7	5	5 / 5
2.1.1	Keyboard	A	6	5	5 / 5
1.2.2	Captions (Prerecorded)	A	3	1	1 / 5
3.3.2	Labels or Instructions	A	2	5	5 / 5
2.2.2	Pause, Stop, Hide	A	1	5	5 / 5
2.4.1	Bypass Blocks	A	1	3	3 / 5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

04 · All detected findings

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)50 instances5 inspected pages

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Why it matters

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Recommended correction

Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

View 50 affected elements

Component · Ref AT7LSC

Affected pagehttps://lifestraw.com/policies/terms-of-service

Elementdiv > div:nth-of-type(1) > div:nth-of-type(1) > ul > li:nth-of-type(5) > a

Accessible nameCompare products

Markup

<a href="/pages/compare" class="d-flex align-center justify-between  highlight--false" data-tab="compare-products"><span>Compare products</span><img src="//lifestraw.com/cdn/shop/t/135/assets/icon-chevron-right.svg?v=55173922849335896281785942194" alt=""></a>

Affected pages/ /products/silicon-base /products/lifestraw /policies/terms-of-service

Component · Ref XRPRTT

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementbody > div:nth-of-type(1) > div > ul > li:nth-of-type(6) > a:nth-of-type(1)

Accessible nameMountain Blue Carry Case

Markup

<a href="https://lifestraw.com/products/lifestraw-water-filter-straw-carry-case?variant=40756630913135">Mountain Blue Carry Case</a>

Affected pages/pages/contact-us /products/lifestraw

Component · Ref T6BM36

Affected pagehttps://lifestraw.com/policies/terms-of-service

Elementli > div > div:nth-of-type(1) > div:nth-of-type(1) > h2 > a

Accessible nameShop All

Markup

<a href="/collections/all">
              <span>
                Shop All
              </span>
            </a>

Affected pages/products/silicon-base /policies/terms-of-service

Component · Ref L2OXWP

Affected pagehttps://lifestraw.com/products/silicon-base

Elementdiv:nth-of-type(2) > nav > ul > li:nth-of-type(3) > div > a:nth-of-type(2)

Accessible nameEurope

Markup

<a href="https://eu.lifestraw.com/?regionChanged" target="_blank"> Europe</a>

Affected pages/products/silicon-base /policies/terms-of-service

Component · Ref MGAZAG

Affected pagehttps://lifestraw.com/

Elementdetails > div > div > ul > li:nth-of-type(3) > a

Accessible nameSource

Markup

<a href="https://lifestraw.com/pages/testing">Source</a>

Component · Ref Y1EK9D

Affected pagehttps://lifestraw.com/pages/contact-us

Elementhtml > body > div:nth-of-type(1) > div > p > a:nth-of-type(2)

Accessible nameReturn Policy

Markup

<a href="https://lifestraw.com/pages/returns">Return Policy</a>

Component · Ref VT382E

Affected pagehttps://lifestraw.com/pages/contact-us

Elementhtml > body > div:nth-of-type(1) > div > div > a:nth-of-type(2)

Accessible nameHelp Center

Markup

<a href="https://help.lifestraw.com/" target="_blank">Help Center</a>

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)10 instances5 inspected pages

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Why it matters

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Recommended correction

Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 10 affected elements

Component · Ref 6G6LER

Affected pagehttps://lifestraw.com/pages/contact-us

Elementsection > div > div > div > form > input

Markup

<input type="text" placeholder="Search Products" name="q" value="">

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Component · Ref TKFRC0

Affected pagehttps://lifestraw.com/products/silicon-base

Elementdiv:nth-of-type(3) > div > div > div:nth-of-type(2) > div:nth-of-type(1) > input

Markup

<input type="number" min="0" step="1" placeholder="0">

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)5 instances1 inspected page

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Why it matters

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 5 affected elements

Component · Ref G5ITMW

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv#dropdown-yotpo-dropdown-0\.5479875512382224-yotpo-dropdown-option-1

Accessible nameHighest rating

Roleoption

Markup

<div data-v-7aac675c="" role="option" aria-selected="false" id="dropdown-yotpo-dropdown-0.5479875512382224-yotpo-dropdown-option-1" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Highest rating</div><!----></div>

Component · Ref G5ITMX

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv#dropdown-yotpo-dropdown-0\.5479875512382224-yotpo-dropdown-option-0

Accessible nameMost recent

Roleoption

Markup

<div data-v-7aac675c="" role="option" aria-selected="true" id="dropdown-yotpo-dropdown-0.5479875512382224-yotpo-dropdown-option-0" class="yotpo-dropdown-option yotpo-dropdown-option--focus yotpo-dropdown-option--selected" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Most recent</div><svg data-v-75d918e0="" data-v-7aac675c="" width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="yotpo-selected-icon--focused yotpo-selected-icon" data-testid="dropdown-selected-icon" aria-hidd…

Component · Ref G5ITOW

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv#dropdown-yotpo-dropdown-0\.5479875512382224-yotpo-dropdown-option-2

Accessible nameLowest rating

Roleoption

Markup

<div data-v-7aac675c="" role="option" aria-selected="false" id="dropdown-yotpo-dropdown-0.5479875512382224-yotpo-dropdown-option-2" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Lowest rating</div><!----></div>

Component · Ref G5ITMT

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv#dropdown-yotpo-dropdown-0\.5479875512382224-yotpo-dropdown-option-4

Accessible nameVerified purchase

Roleoption

Markup

<div data-v-7aac675c="" role="option" aria-selected="false" id="dropdown-yotpo-dropdown-0.5479875512382224-yotpo-dropdown-option-4" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Verified purchase</div><!----></div>

Component · Ref G5ITOZ

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv#dropdown-yotpo-dropdown-0\.5479875512382224-yotpo-dropdown-option-3

Accessible nameWith media

Roleoption

Markup

<div data-v-7aac675c="" role="option" aria-selected="false" id="dropdown-yotpo-dropdown-0.5479875512382224-yotpo-dropdown-option-3" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> With media</div><!----></div>

Medium

Carousel has no accessible controls

WCAG 2.1.1 (A)5 instances5 inspected pages

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Why it matters

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Recommended correction

Provide keyboard-operable previous/next controls and a pause control for auto-advancing carousels, with accessible names.

View 5 affected elements

Component · Ref NKA6MK

Affected pagehttps://lifestraw.com/pages/contact-us

Elementsection#alert-bar--sections--27648778273135__alert_bar_ekVWnY > div > div:nth-of-type(1)

Accessible nameFree shipping on orders above $75 (US lower 48 only)

Markup

<div class="alert-bar__slider swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden">
      <div class="swiper-wrapper" id="swiper-wrapper-3f4ff8425310a5835" aria-live="off">
        
          <div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active swiper-slide-next" role="group" aria-label="1 / 1" data-swiper-slide-index="0" style="width: 665px; opacity: 1; transform: translate3d(0px, 0px, 0px);">
            <div class="alert">
              <p>Free shipping on orders above $75 (US lower 48 only)</p>
       …

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)5 instances5 inspected pages

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Why it matters

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Recommended correction

Wrap primary content in <main> and other regions in appropriate landmark elements.

View 5 affected elements

Component · Ref 3YCGUC

Affected pagehttps://lifestraw.com/products/silicon-base

Elementsection#alert-bar--sections--27648778273135__alert_bar_ekVWnY > div

Accessible nameFree shipping on orders above $75 (US lower 48 only) Order Tracking Help Center United States United States Europe

Markup

<div class="container d-flex justify-between align-center">
    <div class="alert-bar__slider swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden">
      <div class="swiper-wrapper" id="swiper-wrapper-34e35963e739810e" aria-live="off">
        
          <div class="swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active swiper-slide-next" role="group" aria-label="1 / 1" data-swiper-slide-index="0" style="width: 665px; opacity: 1; transform: translate3d(0px, 0px, 0px);">
            <div class="alert">
              <p>F…

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)30 instances5 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 30 affected elements

Component · Ref LLSHVY

Affected pagehttps://lifestraw.com/pages/contact-us

Elementdiv#shopify-section-sections--27648778273135__header > header > div > div > div:nth-of-type(1) > nav

Accessible nameShop Shop All HomeTravelOutdoorEmergencyCompare productsReplacement FiltersBundlesVirus filtrationSummer Sips - NEW!Sale Shop Home Products Shop All Home Products .st0 { fill: #a0ced7; } Pitchers Learn More .st0 { fill: #a0ced7; } Dispensers Learn More .st0 { fill: #a0ced7; } Replacement filters Learn More #shop-tab_Ac01LUFNza2U1MmtwN__shop_tab_yCpY8K .cta-card { width: calc( 100% / 3); } Shop Travel Products Shop All Travel Products .st0 { fill: #a0ced7; } Bottles & Tumblers Learn More .st0 { fill: #a0ced7; } Straws Learn More .st0 { fill: #a0ced7; } Replacements Learn More #shop-tab_AeEJSV0M0ZFBwRUN0R__shop_tab_yaCM8T .cta-card { width: calc( 100% / 3); } Shop Outdoor Products Shop Outdoor Products .st0 { fill: #a0ced7; } Straws Learn More .st0 { fill: #a0ced7; } Bottles Learn More .st0 { fill: #a0ced7; } Gravity Learn More #shop-tab_ANFc1WXlDazI3ZjBaM__shop_tab_qxRNT6 .cta-card { width: calc( 100% / 3); } Shop Emergency Products Shop All Emergency Products .st0 { fill: #a0ced7; } High Volume Learn More .st0 { fill: #a0ced7; } Straws & Bottles Learn More .st0 { fill: #a0ced7; } Replacement filters Learn More #shop-tab_AK2hSZkdzbHFWSFZxR__shop_tab_jCMHm9 .cta-card { width: calc( 100% / 3); } #shop-tab_AK0I1M05FemNFRFBWR__shop_tab_MaL3Mm .cta-card { width: calc( 100% / 0); } Shop Replacement Filters Shop All Replacement Filters #shop-tab_AMkQ1OVh6SHMyOVNxR__shop_tab_RGgATg .cta-card { width: calc( 100% / 0); } Shop Bundles Shop All Bundles #shop-tab_AMHg1L25mU1QwazY3T__shop_tab_JRBxXQ .cta-card { width: calc( 100% / 0); } Shop virus removal Shop All Virus removal #shop-tab_AeGpOQmNkM3YwOWptW__shop_tab_qVk7kf .cta-card { width: calc( 100% / 0); } #shop-tab_AUEF3bGVOQUlNZDhXc__shop_tab_aTzQJw .cta-card { width: calc( 100% / 0); } #shop-tab_AbEdOV3pNczdleFFMM__shop_tab_gWUf3f .cta-card { width: calc( 100% / 0); } jQuery(document).ready(function ($) { const shopTabs = $('#sub-menu--shop_AalNXSHVYSDlYaVpwW__mega_menu_shop_ThLahL .shop-tab'); shopTabs.each(function (index) { const tabTitle = $(this).attr('data-menu_title'); const tabHandle = $(this).attr('data-menu_title_format'); const tabURL = $(this).attr('dat…[truncated by Evolize: exceeded D1 value limit]

Markup

<nav>
          <ul class="d-flex list-reset">
            
<li class="has-children">
  <a class="top-level" href="/collections/all">
    <span class="btn btn--sm">Shop</span>
  </a>
  <ul class="list-reset sub-menu sub-menu--shop" id="sub-menu--shop_AalNXSHVYSDlYaVpwW__mega_menu_shop_ThLahL" role="presentation">
  <li role="presentation">
    <div class="container d-flex">
      <div class="shop__sidebar">
        <div class="upper">
          <h2 class="heading--five">
            <a href="/collections/all">
              <span>
                Shop All
              </span>
            </a>…

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Component · Ref 24LI2W

Affected pagehttps://lifestraw.com/

Elementdiv#shopify-section-sections--27648778273135__mobile_menu_hV6Vtc > section > div > div:nth-of-type(2) > div > nav

Accessible nameHome Use Emergency

Markup

<nav>
          <ul class="list-reset">
            
              <li>
                <a href="/collections/home-use">
                  Home Use
                </a>
              </li>
            
              <li>
                <a href="/collections/emergency">
                  Emergency
                </a>
              </li>
            
          </ul>
        </nav>

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Component · Ref KXYF1U

Affected pagehttps://lifestraw.com/

Elementsection#alert-bar--sections--27648778273135__alert_bar_ekVWnY > div > div:nth-of-type(2) > nav

Accessible nameOrder Tracking Help Center United States United States Europe

Markup

<nav>
        <ul class="list-reset d-flex align-center">
          
            <li>
              <a href="/pages/tracking">
                Order Tracking
              </a>
            </li>
          
            <li>
              <a href="https://help.lifestraw.com/en-US" target="_blank">
                Help Center
              </a>
            </li>
          
          <li class="country-select">
            <button class="d-flex align-center">
              <span>United States</span>
              <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000…

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Component · Ref ND7KDM

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv > div:nth-of-type(3) > div > div:nth-of-type(2) > div > nav

Accessible nameResponsibility Report Donate Safe Water How We Take Action Our Give Back Program Guinea Worm Eradication Humanitarian Response Environmental Sustainability

Markup

<nav>
                    <ul class="list-reset">
                      
                        <li>
                          <a href="/pages/responsibility-report">
                            Responsibility Report
                          </a>
                        </li>
                      
                        <li>
                          <a href="/pages/donate-safe-water">
                            Donate Safe Water
                          </a>
                        </li>
                      
                        <li>
                          <a href="/pages/how-we…

Affected pages/ /products/silicon-base /pages/contact-us /products/lifestraw /policies/terms-of-service

Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)28 instances3 inspected pages

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Why it matters

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Recommended correction

Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 28 affected elements

Component · Ref HRQIOJ

Affected pagehttps://lifestraw.com/

Element

div[aria-label="1 / 6"] > .card--full.card.card--product > .card__inner > .card__image.card__image--hover > .tag.tag--product.tag--violet > .inner

Accessible nameNew!

Markup

<span class="inner">
      New!
    </span>

Component · Ref TTPPUJ

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Element.compare

Accessible name$17.95

Markup

<span class="compare">$17.95</span>

Component · Ref GVUSB

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Element.yotpo-sr-bottom-line-left-panel

Accessible name4.8

Markup

<span class="yotpo-sr-bottom-line-left-panel yotpo-sr-bottom-line-score" style="display: flex; align-self: center; color: rgb(211, 104, 70); font-family: "Interstate Regular"; font-style: normal; font-size: 16px; margin-inline: 0px 10px; margin-bottom: 1px; padding-top: 3px;">

Component · Ref C5JF3I

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Element

div[data-id="886074261"] > .yotpo-review-left-panel > .yotpo-reviewer[data-v-1ac5f7d8=""] > .yotpo-reviewer-image[data-v-1ac5f7d8=""] > .yotpo-verified-image-icon[data-v-1ac5f7d8=""][aria-hidden="true"] > span > .yotpo-initials-icon[height="40"][width="40"] > text

Accessible nameL

Markup

<text x="50%" y="55%" class="yotpo-avatar-initials-text" dominant-baseline="middle" text-anchor="middle">L</text>

Component · Ref WDFOAX

Affected pagehttps://lifestraw.com/

Element#section-9-heading

Accessible nameIn field innovation proven tough

Markup

<h2 class="heading heading--two color--white " id="section-9-heading">
    In field innovation proven tough
  </h2>

Component · Ref Q09RUD

Affected pagehttps://lifestraw.com/

Element

div[aria-label="2 / 4"] > .cta-card__inner.align--center > .copy-wrap > .copy-wrap__inner > .copy > .copy-slide > .color--.heading.heading--four

Accessible nameTravel

Markup

<h3 class="heading heading--four color-- " id="section-3-heading">
    Travel
  </h3>

Component · Ref 7IOY8Y

Affected pagehttps://lifestraw.com/

Element.heading-copy__inner.copy-block.align--left > .eyebrow

Accessible nameOur Technology

Markup

<span class="eyebrow">
    Our Technology
  </span>

Component · Ref 9TT0HH

Affected pagehttps://lifestraw.com/

Element.info > .copy > p

Accessible nameOne product, one child, one year of safe water

Markup

<p>One product, one child, one year of safe water</p>

Component · Ref X0Z0UG

Affected pagehttps://lifestraw.com/

Element

#slide-AT1RpaCtCWWpzOTdKS__slide_8rABBU > .slide__inner > .hero__copy > .container > .copy-block.copy-width--md.color--white > .eyebrow

Accessible nameLAST CHANCE FOR 20% OFF

Markup

<span class="eyebrow">
    LAST CHANCE FOR  20% OFF
  </span>

Component · Ref IHSEQ5

Affected pagehttps://lifestraw.com/

Element

#slide-AT1RpaCtCWWpzOTdKS__slide_8rABBU > .slide__inner > .hero__copy > .container > .copy-block.copy-width--md.color--white > .heading--two.color--white.heading

Accessible nameEMERGENCY PREP BUNDLES

Markup

<h2 class="heading heading--two color--white " id="section-1-heading">
    EMERGENCY PREP BUNDLES
  </h2>

Component · Ref 1WFGC4

Affected pagehttps://lifestraw.com/

Element.info > .copy > .heading--six

Accessible nameYOUR PURCHASE HAS IMPACT

Markup

<h3 class="heading--six">
              YOUR PURCHASE HAS IMPACT
            </h3>

Component · Ref F05CA6

Affected pagehttps://lifestraw.com/

Elementa[href$="impact-report-2024"] > span

Accessible nameOur Impact

Markup

<span> Our Impact</span>

Component · Ref G6LXGF

Affected pagehttps://lifestraw.com/

Element.actions.d-flex > .btn--primary.btn[href$="emergency-prep"] > span

Accessible nameSHOP NOW

Markup

<span> SHOP NOW</span>

Component · Ref NM7CSF

Affected pagehttps://lifestraw.com/pages/contact-us

Element#ContactForm-subject

Accessible namePlease Select One Product question Affiliate Program Order Exchange/Return Become a distributor School project Media / Press General inquiry

Markup

<select id="ContactForm-subject" name="contact[Subject]">

Component · Ref Q41KKC

Affected pagehttps://lifestraw.com/

Element.ql-font-interstate:nth-child(2)

Accessible nameto get exclusive deals and updates from LifeStraw.

Markup

<span style="font-size: 16px;" class="ql-font-interstate">to get exclusive deals and updates from LifeStraw.</span>

Component · Ref KRDI7C

Affected pagehttps://lifestraw.com/

Element

div[aria-label="3 / 9"] > .card--full.card.card--product > .card__inner > .card__info > .card__upper > .card__price.scheme-color > .compare

Accessible name$19.95

Markup

<span class="compare"> $19.95</span>

Component · Ref PXYO41

Affected pagehttps://lifestraw.com/

Element.btn--tertiary.btn[href$="our-give-back-program"] > span

Accessible nameGive Back Program

Markup

<span> Give Back Program</span>

Medium

No skip link to main content

WCAG 2.4.1 (A)3 instances3 inspected pages

The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.

Why it matters

The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.

Recommended correction

Add a "Skip to main content" link as the first focusable element, targeting the id of the <main> region.

View 3 affected elements

Component · Ref BLYHB0

Affected pagehttps://lifestraw.com/pages/contact-us

Elementhtml > body

Accessible nameThe LifeStraw contact page is built for fast, direct support—connecting you with product experts for any question, order help, returns, or general inquiries. Customers can reach out via a streamlined contact form or access comprehensive resources like the Support Center, Return Policy, order tracking, and product guides. LifeStraw’s commitment to social responsibility is clear: every purchase helps provide a child in need with safe water for a year. The page also welcomes media, school, affiliate, and distributor inquiries, and encourages ongoing engagement through its newsletter and active social channels. For further support, visit the Contact Us page or explore the Help Center. How can I contact LifeStraw for support or questions? * You can fill out the contact form on the Contact Us page or visit the Support Center for FAQs and additional assistance. What topics can I get help with through the contact form? * The form supports inquiries about products, order exchanges/returns, becoming a distributor, affiliate programs, school projects, media/press, and general questions. Where can I find LifeStraw’s return policy? * The return policy is available at https://lifestraw.com/pages/returns. Is there a way to track my order or get product guides? * Yes, order tracking is available at https://lifestraw.com/pages/tracking and product guides can be found at https://help.lifestraw.com/en-US/articles/getting-started-392706. How does LifeStraw’s mission impact my purchase? * For every product sold, LifeStraw provides a child in need with safe water for a year, reinforcing their commitment to equitable access and social responsibility. For further support or to connect with LifeStraw, visit the Contact Us page or explore the Help Center. Stay updated and join the community by signing up for the newsletter or following LifeStraw on Facebook, Instagram, TikTok, and YouTube. <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4NTVV9" height="0" width="0" style="display:none;visibility:hidden" ></iframe > Skip to content Free shipping on orders above $75 (US lower 48 only) Order Tracking Help Center United States United States Europe var alertSlider = new Swiper('#alert-bar--sections--27648778273135__alert_bar_ekVWnY .swiper', { slidesPerView: 1, loop: true, effect: 'fade', fadeEffect: { crossFade: true }, autoplay: { delay: 2500, disableOnInteraction: false, }, }); Shop Shop All HomeTravelOutdoorEmergencyCompare productsReplacement FiltersBundlesVirus filtrationSummer Sips - NEW!Sale Shop Home Products Shop All Home Products .st0 { fill: #a0ced7; } Pitchers Learn More .st0 { fill: #a0ced7; } Dispensers Learn More .st0 { fill: #a0ced7; } Replacement filters Learn More #shop-tab_Ac01LUFNza2U1MmtwN__shop_tab_yCpY8K .cta-card { width: calc( 100% / 3); } Shop Travel Products Shop All Travel Products .st0 { fill: #a0ced7; } Bottles & Tumblers Learn More .st0 { fill: #a0ced7; } Straws Learn More .st0 { fill: #a0ced7; } Replacements Learn More #shop-tab_AeEJSV0M0ZFBwRUN0R__shop_tab_yaCM8T .cta-card { width: calc( 100% / 3); } Shop Outdoor Products Shop Outdoor Products .st0 { fill: #a0ced7; } Straws Learn More .st0 { fill: #a0ced7; } Bottles Learn More .st0 { fill: #a0ced7; } Gravity Learn More …[truncated by Evolize: exceeded D1 value limit]

Markup

<body class="template__page template__page--contact" data-audioeye-device-desktop="" data-audioeye-launcher="">
    <!-- eLLMo AI -->
    

  


  <div hidden="" data-ellmo-semantic=""><div>
  <p>
    The LifeStraw contact page is built for fast, direct support—connecting you with product experts for any question, order help, returns, or general inquiries. Customers can reach out via a streamlined contact form or access comprehensive resources like the <a href="https://help.lifestraw.com/" target="_blank">Support Center</a>, <a href="https://lifestraw.com/pages/returns">Return Policy</a>, orde…

Affected pages/ /pages/contact-us /products/lifestraw

Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)5 instances2 inspected pages

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements

Component · Ref 35V7FY

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Element.copy-width-- > .color--aqua

Accessible nameQuestions? we have you covered

Markup

<h2 class="heading heading--four color--aqua " id="section-8-heading">
    Questions? we have you covered
  </h2>

Component · Ref O9T5MM

Affected pagehttps://lifestraw.com/

Element.copy-width--md.copy > .color--.heading.heading--four

Accessible nameShop by category

Markup

<h2 class="heading heading--four color-- " id="section-3-heading">
    Shop by category
  </h2>

Component · Ref Z1W2H9

Affected pagehttps://lifestraw.com/

Element

#shop-tab_Ac01LUFNza2U1MmtwN__shop_tab_yCpY8K > .cta-cards__inner.justify-center.d-flex > .cta-card:nth-child(1) > .cta-card__inner.align--center > .copy-wrap > .copy-wrap__inner > .copy > .copy-slide > .color--.heading.heading--four

Accessible namePitchers

Markup

<h3 class="heading heading--four color-- " id="section-2-heading">
    Pitchers
  </h3>

Component · Ref JA38ET

Affected pagehttps://lifestraw.com/

Element.section__heading--center.section__heading > .copy-width--md.copy > .heading--three.color--.heading

Accessible nameTough on Contaminants

Markup

<h2 class="heading heading--three color-- " id="section-8-heading">
    Tough on Contaminants
  </h2>

Component · Ref 5LHHEG

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Elementdiv[aria-labelledby="view-1"]

Accessible nameView More

Markup

<div class="accordion__copy" id="answer-1" aria-labelledby="view-1">

Medium

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)1 instance1 inspected page

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element

Component · Ref V6V5V7

Affected pagehttps://lifestraw.com/pages/contact-us

Element#contact--template--27648782401903__contact_ic6mGe

Accessible nameSend Our Product Experts a Message Got questions about your order or need a hand with anything? We’re here and happy to help! Whether you’re looking for information on how things work or need assistance placing your order, just reach out to us. Need more help? Visit our Support or FAQs page Have a Return? Check our Return Policy Full Name * Email Address * Phone Number What can we help you with? Please Select One Product question Affiliate Program Order Exchange/Return Become a distributor School project Media / Press General inquiry Message*

Markup

<section aria-labelledby="section-1-heading" class="contact background--light" id="contact--template--27648782401903__contact_ic6mGe" style="padding-top: 80px; padding-bottom: 80px;">

Medium

<video> elements must have captions

WCAG 1.2.2 (A)2 instances1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 2 affected elements

Component · Ref MP10XD

Affected pagehttps://lifestraw.com/

Elementvideo[playsinline=""]

Markup

<video class="hero__bg" fetchpriority="high" poster="//lifestraw.com/cdn/shop/files/preview_images/bd1ec00bcc864b3689682b70e6f019cd.thumbnail.0000000000.jpg?v=1770555460&width=1920" autoplay="" loop="" muted="" playsinline="">

Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)2 instances2 inspected pages

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 2 affected elements

Component · Ref Q62DKH

Affected pagehttps://lifestraw.com/pages/contact-us

Element#contact--template--27648782401903__contact_ic6mGe

Markup

<section aria-labelledby="section-1-heading" class="contact background--light" id="contact--template--27648782401903__contact_ic6mGe" style="padding-top: 80px; padding-bottom: 80px;">

Component · Ref KPXVF4

Affected pagehttps://lifestraw.com/products/lifestraw?variant=5906834227232

Element.yotpo-dropdown-closable

Accessible nameSort by

Rolecombobox

Markup

<div data-v-7aac675c="" class="yotpo-dropdown-closa..." aria-expanded="false" aria-controls="dropdown-yotpo-dropd..." tabindex="0" aria-labelledby="yotpo-dropdown-0.547..." aria-haspopup="listbox" role="combobox" data-testid="dropdown-combobox">

Low

Video may be missing captions

WCAG 1.2.2 (A)2 instances1 inspected page

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Why it matters

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Recommended correction

Provide a synchronized captions track (<track kind="captions">) for video with meaningful audio.

View 2 affected elements

Component · Ref 1HGCW4

Affected pagehttps://lifestraw.com/

Elementsection#cta-banner--template--27648782238063__cta_banner_FaYpPA > div > video

Markup

<video class="cta-banner__bg" autoplay="" loop="" muted="" preload="metadata" playsinline="playsinline">
            <source src="//lifestraw.com/cdn/shop/videos/c/vp/ff0b7791889a40c4be22c974e3aa9654/ff0b7791889a40c4be22c974e3aa9654.HD-720p-2.1Mbps-70866480.mp4?v=0">
            
          </video>

Component · Ref IGN57G

Affected pagehttps://lifestraw.com/

Elementdiv#slide-AbUpVWW13UVg5RGV5N__slide_mJpPhB > div > video

Markup

<video class="hero__bg" fetchpriority="high" poster="//lifestraw.com/cdn/shop/files/preview_images/bd1ec00bcc864b3689682b70e6f019cd.thumbnail.0000000000.jpg?v=1770555460&amp;width=1920" autoplay="" loop="" muted="" playsinline="">
          <source src="//lifestraw.com/cdn/shop/videos/c/vp/bd1ec00bcc864b3689682b70e6f019cd/bd1ec00bcc864b3689682b70e6f019cd.HD-1080p-3.3Mbps-71702028.mp4?v=0" media="(min-width:768px)">
          
            <source src="//lifestraw.com/cdn/shop/videos/c/vp/bd1ec00bcc864b3689682b70e6f019cd/bd1ec00bcc864b3689682b70e6f019cd.HD-1080p-3.3Mbps-71702028.mp4?v=0" media="…

05 · Most affected inspected pages

/
High
41 findings
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High Modal dialog does not trap keyboard focus
- Medium <video> elements must have captions
- Medium Carousel has no accessible controls
- Medium Content sits outside any landmark region
- Medium IDs used in ARIA and labels must be unique
- Medium Navigation regions are not distinguishable
- Medium No skip link to main content
- Medium Text has insufficient colour contrast
- Low Video may be missing captions
/products/lifestraw
High
35 findings
/pages/contact-us
High
18 findings
/products/silicon-base
High
16 findings
/policies/terms-of-service
High
13 findings

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

Publicly accessible surfaces only — no credentials, private systems, or source-code access.
Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

ACTIVATE MONITORING SEE PRICING

Is information in this report inaccurate or outdated? Request a correction or removal.

Accessibility issues detected on lifestraw.com

Is lifestraw.com your website?

01 · Accessibility summary

02 · Start here

Form fields use placeholder text as the only label

Form fields use placeholder text as the only label

Hidden elements can still receive keyboard focus

Interactive controls are not keyboard-accessible

Interactive controls are not keyboard-accessible

03 · WCAG criteria affected

A scan shows today's exposure. Monitoring shows what changes next.

04 · All detected findings

Hidden elements can still receive keyboard focus

Form fields use placeholder text as the only label

Interactive controls are not keyboard-accessible

Modal dialog does not trap keyboard focus

Carousel has no accessible controls

Content sits outside any landmark region

Navigation regions are not distinguishable

Text has insufficient colour contrast

No skip link to main content

IDs used in ARIA and labels must be unique

Elements must only use permitted ARIA attributes

<video> elements must have captions

ARIA attributes have invalid values

Video may be missing captions

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings