EVOLIZEDIGITAL RISK INTELLIGENCE
RUN FREE ASSESSMENT
RUN FREE ASSESSMENT
Public accessibility assessment

Accessibility issues detected on klymit.com

Evolize inspected 5 public pages on klymit.com and detected 24 automatically identifiable accessibility findings.

24Findings detected
7WCAG criteria affected
5Pages inspected
8 Sep 2026Assessment date

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

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/18 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)10 detected findings

Is klymit.com your website?

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

ACTIVATE MONITORINGRUN A FREE ASSESSMENT
https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on klymit.com and detected 24 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 18 findings were detected. The assessment identified findings mapped to 7 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.

  1. High

    Modal dialog does not trap keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 5 instances
    Why this matters

    An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

    Recommended action

    While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

    View technical evidence →
  2. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 5 inspected pages · 5 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 →
  3. High

    Links must be distinguishable without relying on color

    WCAG 1.4.1 (A) · 5 inspected pages · 5 instances
    Why this matters

    Links must be distinguishable without relying on color

    Recommended action

    Review the affected element and correct the reported accessibility issue.

    View technical evidence →
  4. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 8 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 →
  5. Medium

    Content sits outside any landmark region

    WCAG 1.3.1 (A) · 5 inspected pages · 5 instances
    Why this 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 action

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

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA1055 / 5
1.4.1Use of ColorA455 / 5
2.4.3Focus OrderA455 / 5
1.3.1Info and RelationshipsA255 / 5
4.1.2Name, Role, ValueA255 / 5
1.2.2Captions (Prerecorded)A111 / 5
2.5.8Target Size (Minimum)AA155 / 5

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

Continuous monitoring

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

Evolize continuously reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

ACTIVATE MONITORINGSEE PRICING

04 · All detected findings

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)20 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 20 affected elements
Component · Ref T6OIPQ
Affected pagehttps://klymit.com/pages/contact
Element.go1699567812
Accessible nameGET 10% OFF
Markup
<button type="button" tabindex="0" data-action-id="01KSNME4SY8D7N50YMJHG3CV15" class="needsclick go1699567812 go4033861592 klaviyo-form-button kl-private-reset-css-Xuajs1">GET 10% OFF</button>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
Component · Ref 2Y05HT
Affected pagehttps://klymit.com/pages/contact-us
Element.iub-p:nth-child(1)
Accessible nameWe and selected third parties collect personal information as specified in the privacy policy and use cookies or similar technologies for technical purposes and, with your consent, for other purposes as specified in the cookie policy.
Markup
<p class="iub-p">
Affected pages/ /en-ca/pages/contact-us /pages/contact-us
Component · Ref 8MZO6M
Affected pagehttps://klymit.com/pages/contact-us
Element.ql-font-poppins
Accessible nameUnlock 10% off your first order*.
Markup
<span style="color: rgb(62, 108, 133); font-size: 28px; font-family: Montserrat, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-style: normal;" class="ql-font-poppins">Unlock 10% off your first order*.</span>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us
Component · Ref 9DC2IG
Affected pagehttps://klymit.com/pages/contact-us
Element#rich-text-01KSNME4VRK95DJ9ABN2ZC4041 > p > span
Accessible name*Discount valid for new email customers only. Cannot be combined with other coupons and only valid on full-price items.
Markup
<span style="color: rgb(0, 0, 0); font-size: 11px; font-family: Montserrat, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal;">*Discount valid for new email customers only. Cannot be combined with other coupons and only valid on full-price items.</span>
Affected pages/en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact
Component · Ref ZZWAIG
Affected pagehttps://klymit.com/
Element.text-overlay--with-reveal.text-overlay--v-center.text-overlay--for-banner > .text-overlay__inner > .slideshow__motion-overlay.has-motion.text-overlay__text > .text-overlay__reveal:nth-child(1) > .has-motion.text-overlay__subheading.subheading
Accessible nameWHILE THE SEASON LASTS
Markup
<div class="text-overlay__subheading subheading subheading--over has-motion">WHILE THE SEASON LASTS</div>
Component · Ref VM03T4
Affected pagehttps://klymit.com/
Element.text-overlay--with-reveal.text-overlay--v-center.text-overlay--for-banner > .text-overlay__inner > .slideshow__motion-overlay.has-motion.text-overlay__text > .text-overlay__button-row > .text-overlay__button.btn--secondary[href$="best-sellers"]
Accessible nameSHOP BEST SELLERS
Markup
<a class="text-overlay__button btn btn--secondary" href="/collections/best-sellers">SHOP BEST SELLERS</a>
Component · Ref RU39B8
Affected pagehttps://klymit.com/
Element.text-overlay--with-reveal.text-overlay--v-center.text-overlay--for-banner > .text-overlay__inner > .slideshow__motion-overlay.has-motion.text-overlay__text > .text-overlay__reveal:nth-child(3) > .text-overlay__rte.large-text.has-motion > p
Accessible nameGear up to check a few more outdoor adventures off your list.
Markup
<p>Gear up to check a few more outdoor adventures off your list.</p>
Component · Ref GUDOY5
Affected pagehttps://klymit.com/pages/contact-us
Element.announcement--inactive.announcement:nth-child(1) > .announcement__text
Accessible nameFind Your Perfect Sleeping Pad → Take the Quiz
Markup
<div class="announcement__text">
                  Find Your Perfect Sleeping Pad → <a href="/pages/sleeping-pad-quiz" title="Sleeping Pad Quiz">Take the Quiz</a>

                  
                </div>
Component · Ref 5NYZTJ
Affected pagehttps://klymit.com/
Element.text-overlay--with-reveal.text-overlay--v-center.text-overlay--for-banner > .text-overlay__inner > .slideshow__motion-overlay.has-motion.text-overlay__text > .text-overlay__reveal:nth-child(2) > .h1.has-motion.text-overlay__title
Accessible nameSO LONG, SUMMER
Markup
<h2 class="text-overlay__title h1 has-motion">SO LONG, SUMMER</h2>
Component · Ref U6Y950
Affected pagehttps://klymit.com/pages/contact-us
Elementa[title="Sleeping Pad Quiz"]
Accessible nameTake the Quiz
Markup
<a href="/pages/sleeping-pad-quiz" title="Sleeping Pad Quiz">Take the Quiz</a>
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)5 instances5 inspected pages

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Why it matters

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Recommended correction

While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

View 5 affected elements
Component · Ref MF0FI1
Affected pagehttps://klymit.com/
Elementhtml > body > div:nth-of-type(11) > div > div:nth-of-type(2)
Accessible namePOPUP Form
Roledialog
Markup
<div role="dialog" aria-modal="true" aria-label="POPUP Form" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; z-index: 90000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; overflow: clip auto; background-color: rgba(20, 20, 20, 0.6); animation-timing-function: ease; animation-play-state: running; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; animation-duration: 0.35s; animation-name: klaviyo-fadein;" data-kl-scroll-locking-modal="true"><div class="needsclick  kl-private-res…
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
High

Links must be distinguishable without relying on color

WCAG 1.4.1 (A)10 instances5 inspected pages

Links must be distinguishable without relying on color

Why it matters

Links must be distinguishable without relying on color

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 10 affected elements
Component · Ref 5W6X0Q
Affected pagehttps://klymit.com/pages/contact-us
Element.copy > a[href="/"]
Accessible nameKlymit
Markup
<a href="/">Klymit </a>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
Component · Ref ESGTCA
Affected pagehttps://klymit.com/en-ca/pages/contact
Element.iubenda-nostyle.iubenda-noiframe.iubenda-embed:nth-child(5)
Accessible nameCookie Policy
Markup
<a href="https://www.iubenda.com/privacy-policy/58423206/cookie-policy" class="iubenda-nostyle iubenda-noiframe iubenda-embed iubenda-noiframe ">Cookie Policy</a>
Component · Ref 4NTG7C
Affected pagehttps://klymit.com/en-ca/pages/contact
Element.iubenda-cs-preferences-link
Accessible nameYour Privacy Choices
Markup
<a href="#" class="iubenda-cs-preferences-link" data-iub-enabled="1">
Component · Ref W0JYTC
Affected pagehttps://klymit.com/en-ca/pages/contact
Element.iubenda-cs-uspr-link
Accessible nameNotice at Collection
Markup
<a href="#" class="iubenda-cs-uspr-link">Notice at Collection</a>
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)16 instances4 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 16 affected elements
Component · Ref KU0NJM
Affected pagehttps://klymit.com/pages/contact-us
Elementannouncement-bar#section-id-sections--28505120080240__announcement-bar > div:nth-of-type(4) > div:nth-of-type(3) > span > a:nth-of-type(2)
Accessible nameRegister
Markup
<a class="inline-menu__link announcement-bar__link" href="/account/register">Register</a>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /pages/contact
Component · Ref ALI4QU
Affected pagehttps://klymit.com/
Elementdiv#slider-template--28505090359664__gallery_grGBX9 > div > div:nth-of-type(1) > a
Accessible nameDEPENDABLE ESSENTIALSBASE SERIES SHOP SERIES
Markup
<a class="image-overlay__image-link" href="/collections/base-tier"><div class="image-overlay__image gallery__image img-fill">
<img src="//klymit.com/cdn/shop/files/base-series-klymaloft-1000x1200.webp?v=1787238692&amp;width=1000" alt="A woman stands outdoors holding an upright Klymaloft Base sleeping pad, showing its full length." srcset="//klymit.com/cdn/shop/files/base-series-klymaloft-1000x1200.webp?v=1787238692&amp;width=340 340w, //klymit.com/cdn/shop/files/base-series-klymaloft-1000x1200.webp?v=1787238692&amp;width=480 480w, //klymit.com/cdn/shop/files/base-series-klymaloft-1000x1200.web…
Component · Ref A9LA77
Affected pagehttps://klymit.com/
Elementimage-with-text-overlay > div:nth-of-type(2) > div > div > div:nth-of-type(4) > a
Accessible nameSHOP BEST SELLERS
Markup
<a class="text-overlay__button btn btn--secondary" href="/collections/best-sellers">SHOP BEST SELLERS</a>
Medium

ARIA container is missing required child roles

WCAG 1.3.1 (A)5 instances5 inspected pages

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Why it matters

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Recommended correction

Provide the child roles the container role requires (e.g. option inside listbox).

View 5 affected elements
Component · Ref IA4AB4
Affected pagehttps://klymit.com/pages/contact-us
Element#downshift-0-menu
Accessible nameInterests
Rolelistbox
Markup
<div id="downshift-0-menu" role="listbox" aria-labelledby="downshift-0-label" class="needsclick go1651461178 kl-private-reset-css-Xuajs1"></div>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)25 instances5 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 25 affected elements
Component · Ref YGFQL0
Affected pagehttps://klymit.com/pages/contact
Element#downshift-0-input
Accessible nameInterests
Rolecombobox
Markup
<input role="combobox" aria-haspopup="listbox" aria-owns="downshift-0-menu" aria-expanded="false" id="downshift-0-input" aria-autocomplete="list" aria-controls="downshift-0-menu" aria-labelledby="downshift-0-label" autocomplete="off" aria-invalid="false" tabindex="0" ...>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
Component · Ref BZWDX3
Affected pagehttps://klymit.com/pages/contact
Element.navigation--main.navigation[role="navigation"] > .navigation__tier-1-container > .navigation__tier-1 > .navigation__item--with-mega-menu.navigation__item--with-children.navigation__item:nth-child(2) > a[aria-controls="NavigationTier2-2"][href$="pillows"][aria-haspopup="true"]
Accessible namePILLOWS
Markup
<a href="/collections/pillows" class="navigation__link" aria-haspopup="true" aria-expanded="false" aria-controls="NavigationTier2-2">PILLOWS</a>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /pages/contact
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 GGAKHB
Affected pagehttps://klymit.com/pages/contact-us
Elementdiv:nth-of-type(1) > div > div:nth-of-type(4) > div:nth-of-type(2) > ul > li:nth-of-type(6)
Accessible nameCalifornia Do Not SellMy Personal Information
Markup
<li>
<a href="https://klymit.com/pages/data-rights-request" title="CA Do Not Sell My Personal Information ">California Do Not Sell<br>My Personal Information</a>
</li>
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
Low

Touch targets are too small

WCAG 2.5.8 (AA)5 instances5 inspected pages

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase this <button>'s rendered area to at least 24 × 24 CSS pixels, or provide sufficient spacing from adjacent targets. Prefer increasing padding on the existing control (for example the button or link) rather than adding a separate non-interactive wrapper.

View 5 affected elements
Component · Ref OFQ9BG
Affected pagehttps://klymit.com/pages/contact
Element#downshift-0-toggle-button
Accessible nameShow Options
Markup
<button type="button" id="downshift-0-toggle-button" tabindex="-1" aria-label="Show Options" class="needsclick go1519100191 kl-private-reset-css-Xuajs1">
Affected pages/ /en-ca/pages/contact-us /pages/contact-us /en-ca/pages/contact /pages/contact
Low

Video may be missing captions

WCAG 1.2.2 (A)1 instance1 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 1 affected element
Component · Ref N65NSC
Affected pagehttps://klymit.com/
Elementvideo#video-6-insta-feed
Markup
<video class="" muted="" loop="" playsinline="" id="video-6-insta-feed" preload="none" src="https://scontent.cdninstagram.com/o1/v/t2/f2/m86/AQOfPFJxKvZRw2-xG7XWwH18XXMrGwTP7qaP-tC_UsONEKFsyZ2tEWDAvsZGgSm5O9AdOzUgLQpC7Xv-3vmtqP2s7urb7WxRR4EHmKc.mp4?_nc_cat=110&amp;_nc_sid=5e9851&amp;_nc_ht=scontent.cdninstagram.com&amp;_nc_ohc=2e5VzdxrjncQ7kNvwGRdGTZ&amp;efg=eyJ2ZW5jb2RlX3RhZyI6Inhwdl9wcm9ncmVzc2l2ZS5JTlNUQUdSQU0uQ0xJUFMuQzMuNzIwLmRhc2hfYmFzZWxpbmVfMV92MSIsInhwdl9hc3NldF9pZCI6MTg2NDY3NDU1NDgwMzI1MjUsImFzc2V0X2FnZV9kYXlzIjoxMywidmlfdXNlY2FzZV9pZCI6MTAwOTksImR1cmF0aW9uX3MiOjcsInVybGdlbl9zb3VyY2U…

05 · Most affected inspected pages

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 MONITORINGSEE PRICING

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