Public accessibility assessment

Accessibility issues detected on based.com

Evolize inspected 5 public pages on based.com and detected 89 automatically identifiable accessibility findings.

89Findings detected

6WCAG criteria affected

5Pages inspected

9 Sep 2026Assessment date

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

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages

Most affected page/49 findings detected

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

Is based.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 based.com and detected 89 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 49 findings were detected. The assessment identified findings mapped to 6 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
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 30 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
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 15 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
Text has insufficient colour contrast
WCAG 1.4.3 (AA) · 5 inspected pages · 10 instances
Why this matters
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended action
Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 5 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
Elements must only use permitted ARIA attributes
WCAG 4.1.2 (A) · 2 inspected pages · 8 instances
Why this matters
Elements must only use permitted ARIA attributes
Recommended action
Review the affected element and correct the reported accessibility issue.
View technical evidence →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	81	5	5 / 5
2.1.1	Keyboard	A	3	1	1 / 5
2.4.3	Focus Order	A	3	5	5 / 5
1.1.1	Non-text Content	A	1	3	3 / 5
2.2.2	Pause, Stop, Hide	A	1	1	1 / 5
4.1.2	Name, Role, Value	A	1	2	2 / 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

Text has insufficient colour contrast

WCAG 1.4.3 (AA)299 instances5 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 299 affected elements

Component · Ref A7TYZ0

Affected pagehttps://based.com/

Element.captain-compliance-modal-container,#cc-modal-allow-all

Markup

<div type="button" class="captain-compliance-modal-bn-body_content_actions_button captain-compliance-modal-bn-body_content_actions_button_primary" id="cc-modal-allow-all">
                Allow
            </div>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref XHTXDT

Affected pagehttps://based.com/products/curl-gel

Element.bbw-footer__card-cta > span

Accessible nameGET YOUR ROUTINE NOW (60s)

Markup

<span>GET YOUR ROUTINE NOW (60s)</span>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref N7B2V5

Affected pagehttps://based.com/products/curl-gel

Element.bbw-footer__col--links > .bbw-footer__col-title

Accessible nameQuick Links

Markup

<p class="bbw-footer__col-title">Quick Links</p>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref ULFERS

Affected pagehttps://based.com/

Elementa[href$="shop-based-safely"]

Accessible nameShop Safely

Markup

<a class="bbw-footer__link" href="/pages/shop-based-safely">Shop Safely</a>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref NXXZ7S

Affected pagehttps://based.com/products/shampoo

Element.bbw-footer__card-title

Accessible nameGet Your Routine

Markup

<p class="bbw-footer__card-title">Get Your Routine</p>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref 0W3GRO

Affected pagehttps://based.com/pages/terms-of-service

Element.bbw-footer__legal-link[rel="noopener"][target="_blank"]

Accessible nameDSR Portal

Markup

<a class="bbw-footer__legal-link" href="https://dsar.cptn.co/dsar/b20b8b7f-800f-408d-a028-702bd42da3a7" target="_blank" rel="noopener">DSR Portal</a>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref YKOD11

Affected pagehttps://based.com/pages/terms-of-service

Element.bbw-footer__copy

Markup

<p class="bbw-footer__copy">©2026, Based Bodyworks</p>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref HOBD2A

Affected pagehttps://based.com/products/curl-gel

Elementa[href$="terms-of-service"]

Accessible nameTerms of Service

Markup

<a class="bbw-footer__legal-link" href="/pages/terms-of-service">Terms of Service</a>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref G5LQGK

Affected pagehttps://based.com/pages/terms-of-service

Element.bbw-header__routine > span

Accessible nameBuild your own set

Markup

<span>Build your own set</span>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref O2XX4J

Affected pagehttps://based.com/products/shampoo

Element.bbw-header__cart-count

Accessible name0

Markup

<span class="bbw-header__cart-count" data-cart-count="">0</span>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref KTIBAB

Affected pagehttps://based.com/cart

Element.bbw-navlink--shop > .bbw-navlink__label

Accessible nameShop

Markup

<span class="bbw-navlink__label">Shop</span>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref BO9HXS

Affected pagehttps://based.com/cart

Element.bbw-footer__card-proof > span

Accessible name400,000+ men found their routine

Markup

<span>400,000+ men found their routine</span>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref JPVXOX

Affected pagehttps://based.com/pages/terms-of-service

Element.bbw-footer__link[href$="routine"]

Accessible nameGet Your Routine

Markup

<a class="bbw-footer__link" href="/pages/routine">Get Your Routine</a>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref M06TYW

Affected pagehttps://based.com/products/shampoo

Element.bbw-footer__card-desc

Accessible nameYour own free, tailored & personal routine in less than 60 seconds.

Markup

<p class="bbw-footer__card-desc">Your own free, tailored &amp; personal routine in less than 60 seconds.</p>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref YX92O5

Affected pagehttps://based.com/products/curl-gel

Element.bbw-footer__mission

Accessible nameOur mission is to create the cleanest, most effective men's care products.

Markup

<p class="bbw-footer__mission">Our mission is to create the cleanest, most effective men's care products.</p>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref 2EJGAD

Affected pagehttps://based.com/

Element.captain-compliance-modal-container,#captain-compliance-modal-bn-body_content_text_description_id

Markup

<p class="captain-compliance-modal-bn-body_content_text_description" id="captain-compliance-modal-bn-body_content_text_description_id">

Affected pages/ /products/curl-gel /products/shampoo

Component · Ref 8TRYON

Affected pagehttps://based.com/cart

Element.button-text

Accessible nameContinue shopping

Markup

<span class="button-text">
        Continue shopping
      </span>

Component · Ref 7KX64R

Affected pagehttps://based.com/products/shampoo

Element.based-tabs__tab:nth-child(2)

Accessible nameFAQs

Markup

<label for="tabs-AUlArbzlhOEVMVDNzc__based_info_tabs-faq" class="based-tabs__tab">FAQs</label>

Affected pages/products/curl-gel /products/shampoo

Component · Ref VEL8UK

Affected pagehttps://based.com/products/shampoo

Element.based-buybox__sale-highlight

Accessible nameSave up to 20% + 3 free gifts

Markup

<span class="based-buybox__sale-highlight">Save up to 20% + 3 free gifts</span>

Affected pages/products/curl-gel /products/shampoo

Component · Ref P9W8AN

Affected pagehttps://based.com/products/curl-gel

Element.based-comparison__heading-accent

Accessible nameBASED?

Markup

<span class="based-comparison__heading-accent">BASED?</span>

Affected pages/products/curl-gel /products/shampoo

Component · Ref 2EYB4J

Affected pagehttps://based.com/products/curl-gel

Elementarticle:nth-child(4) > .based-ingredients__caption > .based-ingredients__name

Accessible nameFlaxseed Extract

Markup

<h3 class="based-ingredients__name">Flaxseed Extract</h3>

Affected pages/products/curl-gel /products/shampoo

Component · Ref C8CKCC

Affected pagehttps://based.com/products/shampoo

Element.based-buybox__atc-price

Accessible name$28.00

Markup

<span class="based-buybox__atc-price igPrice" data-based-atc-price="" data-product-id="8302322942181" data-variant-id="45521791287525">$28.00</span>

Affected pages/products/curl-gel /products/shampoo

Component · Ref UUE5IY

Affected pagehttps://based.com/products/shampoo

Element.based-buybox__best-for-pill:nth-child(2)

Accessible nameAll Hair Types

Markup

<span class="based-buybox__best-for-pill"><img class="based-buybox__best-for-icon" src="//based.com/cdn/shop/files/based-hairtype_c1c48494-5874-48ea-bfcf-181cff941272.svg?v=1781065545&amp;width=48" alt="" width="20" height="20" loading="lazy">All Hair Types
            </span>

Affected pages/products/curl-gel /products/shampoo

Component · Ref W60H0E

Affected pagehttps://based.com/products/shampoo

Elementarticle:nth-child(2) > .based-ingredients__caption > .based-ingredients__benefit

Accessible nameSoothes and conditions the scalp for a calm, hydrated feel.

Markup

<p class="based-ingredients__benefit">Soothes and conditions the scalp for a calm, hydrated feel.</p>

Affected pages/products/curl-gel /products/shampoo

Component · Ref JE2G15

Affected pagehttps://based.com/products/curl-gel

Element.based-ingredients__cta

Accessible nameMAKE THE SWITCH NOW

Markup

<a href="#" class="based-ingredients__cta">
        MAKE THE SWITCH NOW
      </a>

Affected pages/products/curl-gel /products/shampoo

Showing 25 representative examples · 56 more affected elements not shown

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 A9HPFC

Affected pagehttps://based.com/products/shampoo

Elementdiv#shopify-section-sections--22715913208037__bbw_header > nav > div > div:nth-of-type(1) > button

Accessible nameHair

Markup

<button class="bbw-mnav__row" type="button" data-acc-toggle="" aria-expanded="false" aria-label="Hair" data-uw-rm-empty-ctrl="">
            <span class="bbw-mnav__title">Hair</span>
            <svg class="bbw-mnav__chev" viewBox="0 0 15 15" fill="none" aria-hidden="true"><path d="M4 6 L7.5 9.5 L11 6" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
          </button>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref TPFM3X

Affected pagehttps://based.com/

Elementdiv:nth-of-type(1) > div > div > div:nth-of-type(1) > div > a:nth-of-type(6)

Accessible nameCurl Gel

Markup

<a class="bbw-mnav__product" href="/products/curl-gel" data-uw-rm-brl="PR" data-uw-original-href="/products/curl-gel">Curl Gel</a>

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

Component · Ref L4DS3T

Affected pagehttps://based.com/

Elementbutton#uw-skip-to-main

Accessible nameSkip to main content

Markup

<button class="uw-sl__item" data-uw-rm-ignore="true" data-uw-ignore-translate="true" lang="en-US" id="uw-skip-to-main"><span class="uw-sl__item__left" data-uw-ignore-translate="true"><span class="uw-sl__item__img"><svg focusable="false" width="26" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"><g stroke="#000" stroke-width="1.5" fill="none" fill-rule="evenodd"><rect class="no-fill" fill="none" x=".75" y=".75" width="24.5" height="22.5" rx="3"></rect><path class="no-fill" fill="none" d="M1 7h24M9.5 7v17"></path></g></svg></span><span class="uw-sl__item__ti…

Affected pages/ /products/curl-gel /products/shampoo /pages/terms-of-service /cart

High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)8 instances2 inspected pages

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 8 affected elements

Component · Ref JGB454

Affected pagehttps://based.com/products/shampoo

Element.based-product-recommendations__skeleton:nth-child(2)

Accessible nameLoading product recommendations

Markup

<div class="based-product-recommendations__skeleton" aria-label="Loading product recommendations"></div>

Affected pages/products/curl-gel /products/shampoo

High

Scrollable region must have keyboard access

WCAG 2.1.1 (A)4 instances1 inspected page

Scrollable region must have keyboard access

Why it matters

Scrollable region must have keyboard access

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 4 affected elements

Component · Ref LHC69C

Affected pagehttps://based.com/cart

Elementa[aria-label="Conditioner"] > slideshow-component[data-generic-media-size="4"] > slideshow-container > slideshow-slides

Accessible nameConditioner

Markup

<slideshow-slides tabindex="-1" ref="scroller">

Component · Ref 6LNDQK

Affected pagehttps://based.com/cart

Elementslideshow-component[data-generic-media-size="5"] > slideshow-container > slideshow-slides

Accessible nameTexture Powder

Markup

<slideshow-slides tabindex="-1" ref="scroller">

Low

Low-quality alternative text

WCAG 1.1.1 (A)7 instances3 inspected pages

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Why it matters

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Recommended correction

Replace placeholder or filename alt text with a concise description of what the image conveys.

View 7 affected elements

Component · Ref 900D60

Affected pagehttps://based.com/cart

Elementdiv#predictive-search-products > ul > li:nth-of-type(1) > div > div:nth-of-type(1) > img:nth-of-type(2)

Markup

<img alt="Shampoo" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="40939996512485" style="object-position: 51.66% 54.395%;" src="//based.com/cdn/shop/files/Shampoo-Infographic-01.png?v=1787683226&amp;width=500" srcset="//based.com/cdn/shop/files/Shampoo-Infographic-01.png?v=1787683226&amp;width=240 240w, //based.com/cdn/shop/files/Shampoo-Infographic-01.png?v=1787683226&amp;width=352 352w">

Affected pages/products/curl-gel /products/shampoo /cart

Low

Carousel has no accessible controls

WCAG 2.1.1 (A)8 instances1 inspected page

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 8 affected elements

Component · Ref X2RW2G

Affected pagehttps://based.com/cart

Elementdiv:nth-of-type(1) > a > slideshow-component > slideshow-container > slideshow-arrows > button:nth-of-type(1)

Accessible namePrevious slide

Markup

<button class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  " aria-label="Previous slide" on:click="/previous" ref="previous">
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"></path></svg>
</span>
</button>

05 · Most affected inspected pages

/
High
53 findings
- High Hidden elements can still receive keyboard focus
- High Text has insufficient colour contrast
/products/curl-gel
High
50 findings
/products/shampoo
High
48 findings
/cart
High
32 findings
/pages/terms-of-service
High
23 findings
- High Hidden elements can still receive keyboard focus
- High Text has insufficient colour contrast

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 based.com

Is based.com your website?

01 · Accessibility summary

02 · Start here

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Elements must only use permitted ARIA attributes

03 · WCAG criteria affected

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

04 · All detected findings

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Elements must only use permitted ARIA attributes

Scrollable region must have keyboard access

Low-quality alternative text

Carousel has no accessible controls

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings