Public accessibility assessment

Accessibility issues detected on nanit.com

Evolize inspected 5 public pages on nanit.com and detected 101 automatically identifiable accessibility findings.

101Findings detected
10WCAG criteria affected
5Pages inspected
9 Sep 2026Assessment date

Highest detected severity: Critical · 20 high-priority findings · 100% inspected-page coverage

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages
Most affected page/products/cammies57 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)72 detected findings

Is nanit.com your website?

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

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on nanit.com and detected 101 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 "/products/cammies", where 57 findings were detected. The assessment identified findings mapped to 10 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. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link's only content is an image with no text alternative. Provide meaningful alternative text on the linked image (its alt attribute) that identifies the link's destination or purpose.

    View technical evidence →
  2. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link's only content is an image with no text alternative. Provide meaningful alternative text on the linked image (its alt attribute) that identifies the link's destination or purpose.

    View technical evidence →
  3. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link's only content is an image with no text alternative. Provide meaningful alternative text on the linked image (its alt attribute) that identifies the link's destination or purpose.

    View technical evidence →
  4. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link's only content is an image with no text alternative. Provide meaningful alternative text on the linked image (its alt attribute) that identifies the link's destination or purpose.

    View technical evidence →
  5. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 20 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 →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA7255 / 5
4.1.2Name, Role, ValueA1155 / 5
2.4.3Focus OrderA555 / 5
2.4.4Link Purpose (In Context)A444 / 5
1.1.1Non-text ContentA355 / 5
1.3.1Info and RelationshipsA355 / 5
2.1.1KeyboardA255 / 5
2.2.2Pause, Stop, HideA155 / 5
2.4.1Bypass BlocksA155 / 5
3.3.2Labels or InstructionsA144 / 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.

04 · All detected findings

High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)5 instances5 inspected pages

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements
Component · Ref DO9A30
Affected pagehttps://www.nanit.com/pages/contact
Element.announcement__slide.flickity-cell.h-full:nth-child(1)
Accessible nameEnd of Summer Sale! Up to 25% off
Markup
<div class="announcement__slide flex h-full flickity-cell" style="transform: translateX(-50%);" aria-hidden="true">
Affected pages/pages/contact /products/gift-card
Component · Ref UU7HR4
Affected pagehttps://www.nanit.com/pages/payment-options
Element.is-selected
Accessible nameEnd of Summer Sale! Up to 25% off
Markup
<div class="announcement__slide flex h-full flickity-cell" style="transform: translateX(-50%);" aria-hidden="true">
Affected pages/products/cammies /pages/payment-options
Component · Ref 5CTSBM
Affected pagehttps://www.nanit.com/
Element.announcement__slide.flickity-cell[aria-hidden="true"]
Accessible nameEnd of Summer Sale! Up to 25% off
Markup
<div class="announcement__slide flex h-full flickity-cell" style="transform: translateX(-50%);" aria-hidden="true">
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 I9MO07
Affected pagehttps://www.nanit.com/products/cammies
Elementdiv#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-of-type(2) > a:nth-of-type(1)
Accessible nameLinkedIn2
Rolebutton
Markup
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">LinkedIn<div class="CybotCookiebotDialogDetailBodyContentCookieInfoCount CybotCookiebotDialogDetailBulkConsentCount">2</div></a>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref THHK7H
Affected pagehttps://www.nanit.com/pages/contact
Elementinput#CybotCookiebotDialogBodyLevelButtonMarketing
Roleswitch
Markup
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonMarketing" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonMarketingInline" checked="checked" tabindex="0" role="switch">
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref 5W7DR2
Affected pagehttps://www.nanit.com/pages/contact
Elementa#CybotCookiebotDialogDsrFormUrl
Accessible name[#DSR_FORM_URL_TEXT#]
Markup
<a href="[#DSR_FORM_URL#]" rel="noopener noreferrer nofollow" target="_blank" id="CybotCookiebotDialogDsrFormUrl">[#DSR_FORM_URL_TEXT#]</a>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref XK2YS
Affected pagehttps://www.nanit.com/pages/contact
Elementbutton#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary
Accessible nameNecessary (50)
Markup
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerNecessary" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="CybotCookiebotDialogDetailBodyContentCookieTabsNecessary" aria-label="Necessary (50)" aria-controls="CybotCookiebotDialogDetailBodyContentCookieTabsNecessary" aria-expanded="false"><span id="CybotCookiebotDialogBodyLevelButtonNecessaryInlineLabel" role="heading" aria-level="3">Necessary </span> <span class="CybotCookiebotDialogDetailBulkConsentCount">50</span></button>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
High

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)56 instances4 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 56 affected elements
Component · Ref 9N8N29
Affected pagehttps://www.nanit.com/products/gift-card
Elementdiv[data-field="email"][data-visible="false"][data-pos="3"] > input[name="contact[email]"][placeholder="[email removed]"][type="email"]
Markup
<input id="contact[email]" type="email" name="contact[email]" placeholder="[email removed]" required="" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref BWHAR9
Affected pagehttps://www.nanit.com/
Elementform[element-id="8086608"] > .cf-form-consent > .cf-privacy-consent.cf-consent-field.cf-left > .cf-label[for="contact[privacy_consent]"] > .cf-consent-checkbox[name="contact[privacy_consent]"][value=""]
Markup
<input id="contact[privacy_consent]" type="checkbox" class="cf-consent-checkbox" name="contact[privacy_consent]" value="" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref 28OKVW
Affected pagehttps://www.nanit.com/pages/payment-options
Elementform[element-id="8086608"] > .cf-form-consent > .cf-marketing-consent.cf-consent-field.cf-left > .cf-label[for="contact[marketing_consent]"] > .cf-consent-checkbox[name="contact[marketing_consent]"][value=""]
Markup
<input id="contact[marketing_consent]" type="checkbox" class="cf-consent-checkbox" name="contact[marketing_consent]" value="" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref KA9IYF
Affected pagehttps://www.nanit.com/products/cammies
Elementform[element-id="8086608"] > .cf-form-container > .cf-form-fields > div[data-field="url"][data-pos="5"][data-visible=""] > input[name="contact[url]"][placeholder="Your website URL"][type="text"]
Markup
<input id="contact[url]" type="text" name="contact[url]" placeholder="Your website URL" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref IKCJ31
Affected pagehttps://www.nanit.com/products/gift-card
Element.cf-form-field-wrapper:nth-child(2) > input[name="contact[phone]"][placeholder="Your phone number"][type="tel"]
Markup
<input id="contact[phone]" type="tel" name="contact[phone]" placeholder="Your phone number" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref FJ1CQ0
Affected pagehttps://www.nanit.com/
Elementform[element-id="8086608"] > .cf-form-consent > .cf-sms-consent.cf-consent-field.cf-left > .cf-label[for="contact[sms_consent]"] > .cf-consent-checkbox[name="contact[sms_consent]"][value=""]
Markup
<input id="contact[sms_consent]" type="checkbox" class="cf-consent-checkbox" name="contact[sms_consent]" value="" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)8 instances4 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 8 affected elements
Component · Ref VO4E4J
Affected pagehttps://www.nanit.com/products/gift-card
Elementdiv#element8086608_form > form > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(10) > input
Markup
<input type="text" name="contact[country]" placeholder="Your country" data-cf-validation-message-bound="true">
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
High

Images lack text alternatives

WCAG 1.1.1 (A)4 instances4 inspected pages

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 4 affected elements
Component · Ref N37AVI
Affected pagehttps://www.nanit.com/pages/contact
Elementimg[height="1"]
Markup
<img src="https://trkn.us/pixel/conv/ppt=25997;g=sitewide;gid=66495;ord=2086804179" height="1" width="1" border="0">
Affected pages/products/cammies /pages/contact /products/gift-card /pages/payment-options
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)3 instances3 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 3 affected elements
Component · Ref U1N0EO
Affected pagehttps://www.nanit.com/products/gift-card
Elementdiv#cta_197691 > div
Accessible nameOverlay
Roledialog
Markup
<div class="cf-container cf-row cf-outer-center" role="dialog" aria-label="Overlay" aria-modal="true"><div id="step_709869" class="cf-step cf-cta-container-background cf-background-position-top-left cf-background-size-expand-height" data-variant-id="260679" data-progress-bar-count="true" step-id="709869" data-step-id="709869" data-step-position="4" data-object-type="steps" data-object-id="709869"><div class="cf-step-inner"><div class="cf-cta-container cf-row cf-outer-center" data-variant-id="260679" data-object-id="709869"><div class="cf-cta-container-overlay cf-background-overlay" data-varian…
Affected pages/products/cammies /products/gift-card /pages/payment-options
High

ARIA progressbar nodes must have an accessible name

WCAG 1.1.1 (A)1 instance1 inspected page

ARIA progressbar nodes must have an accessible name

Why it matters

ARIA progressbar nodes must have an accessible name

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref QQKH7E
Affected pagehttps://www.nanit.com/
Element.expandable-cards__progress
Roleprogressbar
Markup
<div class="expandable-cards__progress" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
          <div class="expandable-cards__progress-bar" data-progress-bar=""></div>
        </div>
High

Scrollable region must have keyboard access

WCAG 2.1.1 (A)1 instance1 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 1 affected element
Component · Ref BTR78V
Affected pagehttps://www.nanit.com/
Element.expandable-cards__grid
Accessible nameCrystal-clear connection You're always right there Keep your baby's safety in sight from anywhere with 1080p HD video quality. Safety notifications Know exactly what they need in real time Customize settings for instant notifications for crying, coughing, motion, and more. Breathing Motion Monitoring Track breathingmotion without sensors Breathing Wear is comfortable, easy to wash—and never needs to be charged Advanced sleep insights Science-backed insights Advanced sleep tracking and personalized tips help you better understand your baby and build restful routines that stick.
Markup
<motion-list class="expandable-cards__grid card-grid grid">
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)321 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 321 affected elements
Component · Ref WVEURQ
Affected pagehttps://www.nanit.com/products/cammies
Element.announcement-text.md\:block.leading-tight
Accessible nameFree Shipping on Orders $35+!
Markup
<p class="announcement-text leading-tight hidden md:block">Free Shipping on Orders $35+!</p>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref NZJP4F
Affected pagehttps://www.nanit.com/pages/payment-options
Element.footer__socials--desktop > .text-base-2xl.lg\:font-heading.heading
Accessible nameFollow Us
Markup
<p class="heading text-base-2xl font-medium lg:font-heading" style="margin-bottom: 20px;">Follow Us</p>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref Y2MAJ2
Affected pagehttps://www.nanit.com/
Elementli:nth-child(7) > small
Accessible name© 2026 Nanit
Markup
<small>
                © 2026 Nanit
              </small>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref 9T3Y3S
Affected pagehttps://www.nanit.com/pages/payment-options
Element#CybotCookiebotDialogBodyContentText > p:nth-child(1)
Accessible nameThanks for visiting Nanit! Note: We’ve updated our Privacy Policy. By continuing to use our site, you agree to our Terms of Use.
Markup
<p style="">Thanks for visiting Nanit! Note: We’ve updated our <a href="https://www.nanit.com/policies/privacy-policy" style="">Privacy Policy</a>. By continuing to use our site, you agree to our <a href="https://www.nanit.com/pages/terms-of-service" style="">Terms of Use</a>. </p>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref 44OCRZ
Affected pagehttps://www.nanit.com/products/gift-card
Elementsmall > a[href$="privacy-policy"]
Accessible namePrivacy Policy
Markup
<a href="/policies/privacy-policy" class="block reversed-link">Privacy Policy</a>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref CBU9NT
Affected pagehttps://www.nanit.com/products/gift-card
Elementa[data-nav-text="Smart Baby Monitor"] > .btn-text[data-text=""]
Accessible nameSmart Baby Monitor
Markup
<span class="btn-text" data-text="">Smart Baby Monitor</span>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref 2IEM1Q
Affected pagehttps://www.nanit.com/products/cammies
Elementa[href$="store-locator"]
Accessible nameStore Locator
Markup
<a href="/pages/store-locator" class="block reversed-link text-sm-lg leading-tight">Store Locator</a>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref 9F68SV
Affected pagehttps://www.nanit.com/products/cammies
Elementa[href$="accessibility-statement"]
Accessible nameAccessibility Statement
Markup
<a href="/pages/accessibility-statement" class="block reversed-link">Accessibility Statement</a>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref KXHCP5
Affected pagehttps://www.nanit.com/pages/payment-options
Element.inline-flex:nth-child(1) > .text-sm-lg.leading-tight[href$="press-and-partnerships"]
Accessible namePartner with us
Markup
<a href="/pages/press-and-partnerships" class="block reversed-link text-sm-lg leading-tight">Partner with us</a>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref WWIO1Y
Affected pagehttps://www.nanit.com/
Element.footer__item--link_list_yFwDRB > .details__summary > .text-base-2xl.lg\:font-heading.heading
Accessible nameResources
Markup
<span class="heading text-base-2xl font-medium lg:font-heading">Resources</span>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref HV8GVR
Affected pagehttps://www.nanit.com/pages/contact
Elementa[aria-label="Your Privacy Choices"] > span
Accessible nameYour Privacy Choices
Markup
<span>Your Privacy Choices</span>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Component · Ref HHWXXH
Affected pagehttps://www.nanit.com/pages/payment-options
Element#element8086617-content > h4 > span
Accessible nameEnd of Summer Sale:
Save up to 25% off parent top picks!
Markup
<span style="font-family: inherit; font-size: 35px;"><strong>End of Summer Sale</strong>:
Save up to 25% off parent top picks!</span>
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref ZQTACY
Affected pagehttps://www.nanit.com/pages/payment-options
Elementsummary[data-link="/pages/about-us"] > magnet-element > .btn-text[data-text=""]
Accessible nameResources
Markup
<span class="btn-text" data-text="">Resources</span>
Affected pages/ /pages/contact /products/gift-card /pages/payment-options
Component · Ref TIL93X
Affected pagehttps://www.nanit.com/products/cammies
Element#element8086617-content > h4 > span > strong
Accessible nameEnd of Summer Sale
Markup
<strong>End of Summer Sale</strong>
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref RFDXPK
Affected pagehttps://www.nanit.com/
Element.rounded-full[data-nav-text="Features"][data-nav-level="primary"] > magnet-element > .btn-text[data-text=""]
Accessible nameFeatures
Markup
<span class="btn-text" data-text="">Features</span>
Affected pages/ /pages/contact /products/gift-card /pages/payment-options
Component · Ref GODERK
Affected pagehttps://www.nanit.com/products/cammies
Element#element8086618-content > div > div > h3 > span
Accessible nameKeep shopping →
Markup
<span style="color: rgb(0, 0, 65);">Keep shopping →</span>
Affected pages/ /products/cammies /products/gift-card /pages/payment-options
Component · Ref 48H6EA
Affected pagehttps://www.nanit.com/
Element.text-sm-lg.reversed-link[href$="about-us"]
Accessible nameWhy Nanit
Markup
<a href="/pages/about-us" class="block reversed-link text-sm-lg leading-tight">Why Nanit</a>
Affected pages/ /products/cammies /products/gift-card
Component · Ref EZYWSC
Affected pagehttps://www.nanit.com/products/cammies
Element.btn-text > span
Accessible nameAdd to cart
Markup
<span>Add to cart</span>
Affected pages/products/cammies /products/gift-card
Component · Ref ZMMP0L
Affected pagehttps://www.nanit.com/products/cammies
Elementspan[data-word="Cammies"] > animate-element
Accessible nameCammies
Markup
<animate-element class="block animate" data-animate="fade-up" data-animate-delay="0" style="transform: translateY(0px); opacity: 1;">Cammies</animate-element>
Affected pages/products/cammies /pages/contact
Component · Ref MR34VX
Affected pagehttps://www.nanit.com/products/cammies
Element.with-background > .details__summary > .gap-2d5.items-center.flex > .text-sm-base.leading-none.font-medium
Accessible nameYou May Also Like
Markup
<span class="text-sm-base font-medium leading-none">You May Also Like</span>
Affected pages/products/cammies /products/gift-card
Component · Ref H3UV2T
Affected pagehttps://www.nanit.com/products/gift-card
Element.registry-button__toggle > span
Accessible nameAdd to Registry
Markup
<span>Add to Registry</span>
Affected pages/products/cammies /products/gift-card
Component · Ref 95RLWI
Affected pagehttps://www.nanit.com/
Element.button--primary[data-product-link-position="3"][is="hover-link"] > .btn-text
Accessible nameShop
Markup
<span class="btn-text" style="text-transform: capitalize !important;"> Shop </span>
Affected pages/ /pages/contact
Component · Ref V5WRMW
Affected pagehttps://www.nanit.com/pages/contact
Element.text-sm-lg.leading-tight[href$="parent-confidently"]
Accessible nameNanit Blog
Markup
<a href="/blogs/parent-confidently" class="block reversed-link text-sm-lg leading-tight">Nanit Blog</a>
Affected pages/pages/contact /pages/payment-options
Component · Ref IWVK1J
Affected pagehttps://www.nanit.com/products/cammies
Elementa[data-product-impression-tracked="true"] > strong
Accessible nameBring all the friends home with a Cammies 4-pack
Markup
<strong>Bring all the friends home with a Cammies 4-pack</strong>
Affected pages/products/cammies /pages/payment-options
Component · Ref MW0R5H
Affected pagehttps://www.nanit.com/pages/payment-options
Element.animate[data-animate-delay="340"]
Accessible namemake
Markup
<animate-element class="block animate" data-animate="fade-up-large" data-animate-delay="340" style="transform: translateY(0px); opacity: 1;">make</animate-element>
Affected pages/products/gift-card /pages/payment-options

Showing 25 representative examples · 47 more affected elements not shown

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 R4C9CT
Affected pagehttps://www.nanit.com/
Elementdiv#MiniCart-sections--18529121108107__cart-drawer > div > div:nth-of-type(1) > div > p
Accessible nameYour cart is currently empty.
Markup
<p class="drawer__empty-text heading leading-none tracking-tight">Your cart is currently empty.</p>
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)5 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 5 affected elements
Component · Ref TO8IPP
Affected pagehttps://www.nanit.com/pages/payment-options
Elementmenu-drawer#MenuDrawer > div > div > nav
Accessible nameShop Smart Baby Monitor Features Refer + Get $20 Resources Share $100 off, Get $20
Rolenavigation
Markup
<nav class="relative grow overflow-hidden" role="navigation">
        <ul class="drawer__scrollable drawer__menu relative w-full h-full" role="list" data-parent=""><li class="drawer__menu-group"><details is="accordion-details" aria-expanded="false">
  <summary class="drawer__menu-item block cursor-pointer relative" aria-expanded="false" data-nav-track="" data-nav-text="Shop" data-nav-url="/collections/all" data-nav-level="primary" data-nav-context="mobile-drawer" data-nav-type="menu-link">
    <span class="heading text-2xl leading-none tracking-tight font-bold"><api-button class="api-only" dat…
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options
Medium

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)2 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 2 affected elements
Component · Ref 7X1QWI
Affected pagehttps://www.nanit.com/products/gift-card
Element#ProductGallery-template--19673427411083__main-product-7084852740235
Accessible nameGallery Viewer
Markup
<media-gallery id="ProductGallery-templ..." class="product__gallery pro..." form="ProductForm-template..." aria-label="Gallery Viewer" data-animate="fade-up" data-immediate="">
Affected pages/products/cammies /products/gift-card
Medium

Elements must only use supported ARIA attributes

WCAG 4.1.2 (A)5 instances1 inspected page

Elements must only use supported ARIA attributes

Why it matters

Elements must only use supported ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements
Component · Ref 6WACQT
Affected pagehttps://www.nanit.com/
Element#shopify-block-product_TtwRy7
Accessible nameHome 8" Display$179.00
Markup
<hover-element class="hotspot flex items-center justify-center absolute z-1 cursor-pointer" aria-controls="Quickview-template--18529124548747__lookbook_TbmGwn-product_TtwRy7-7919967666315" aria-expanded="false" id="shopify-block-product_TtwRy7">
Low

Low-quality alternative text

WCAG 1.1.1 (A)210 instances5 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 210 affected elements
Component · Ref K3IDCL
Affected pagehttps://www.nanit.com/pages/payment-options
Elementdiv#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-of-type(5) > a:nth-of-type(2) > img
Markup
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/Hn+QnOuatS6gEAqDoJIQC/vfe594+m576FjAZKL6XXkSDiYox5UQFLXZEoNZJzXg9B/0hK6SKGWkiMcRVBewjnNIuURdIzyFBFo0jZPnoGqaMbCEqRJkSNIiFPCfILj7F1GLkySfvuqnFlShDxWesF6D76zF4jPJ/GWvum7/NRjBCegtsXQuuTY/odOJIAAAAASUVORK5CYII=" alt="opens in a new window">
Affected pages/ /products/cammies /pages/contact /products/gift-card /pages/payment-options

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.

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