Pa11y results for "https://it.clementoni.com/products/baby-clementoni-for-you-black-white-baby-book"

Generated at: Mon Jun 09 2025 16:44:24 GMT+0200 (Central European Summer Time)

Runners (with issues): htmlcs

Toggle by type 24 errors 0 warnings 0 notices

• Error: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

  htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2

  <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localize__form" enctype="multipart/form-data"><input type="hidden" name="form...</form>

  (selector "#localization_form")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.29:1. Recommendation: change background to #fdfeff.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <p class="announcement__text"> ...</p>

  (selector "#shopify-section-header > div:nth-child(2) > p")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="#" class="header-trigger__link header-trigger__link--mobile js-mobile-draw-trigger icon-fallback"> <img src="//it.cl...</a>

  (selector "#top > div:nth-child(2) > a")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="/search" class="header-trigger__link header-trigger__link--search icon-fallback js-search-trigger js-no-transition"> <img src="//it.clement...</a>

  (selector "#top > div:nth-child(3) > a")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="/cart" class="header-trigger__link header-trigger__link--cart js-cart-trigger icon-fallback js-no-transition"> <img src="//it.clementon...</a>

  (selector "#top > div:nth-child(4) > a")

• Error: Duplicate id attribute value "localization_form" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localize__form" enctype="multipart/form-data"><input type="hidden" name="form...</form>

  (selector "#localization_form")

• Error: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

  htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2

  <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localize__form" enctype="multipart/form-data"><input type="hidden" name="form...</form>

  (selector "#localization_form")

• Error: Duplicate id attribute value "lang-heading" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <h2 class="u-hidden-visually" id="lang-heading"> Lingua ...</h2>

  (selector "#lang-heading")

• Error: Duplicate id attribute value "LocaleSelector" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <input type="hidden" name="locale_code" id="LocaleSelector" value="it" data-disclosure-input="">

  (selector "#LocaleSelector")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="/cart" class="secondary-nav__link js-cart-trigger js-no-transition"> <img src="//it.cle...</a>

  (selector "#top > div:nth-child(5) > nav:nth-child(2) > ul > li:nth-child(3) > a")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="/search" class="secondary-nav__link js-search-trigger js-no-transition"> <img src="//it.c...</a>

  (selector "#top > div:nth-child(5) > nav:nth-child(2) > ul > li:nth-child(5) > a")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="https://clementoni.myshopify.com/collections/vendors?q=BABY CLEMENTONI" target="_blank" rel="noreferrer noopener"> ...</a>

  (selector "#ProductSection-product-template > section > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > div:nth-child(1) > div > div > a")

• Error: This select element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Name

  <select class="single-option-selector" data-option="option1" id="productSelect-1-option-0"><option value="Default Title">D...</select>

  (selector "#productSelect-1-option-0")

• Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68

  <select class="single-option-selector" data-option="option1" id="productSelect-1-option-0"><option value="Default Title">D...</select>

  (selector "#productSelect-1-option-0")

• Error: This select element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Name

  <select name="id" id="productSelect-1" class="product-single__variant-select js-product-variant-select" style="display: none;"> ...</select>

  (selector "#productSelect-1")

• Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68

  <select name="id" id="productSelect-1" class="product-single__variant-select js-product-variant-select" style="display: none;"> ...</select>

  (selector "#productSelect-1")

• Error: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2

  <a href="https://it.clementoni.com/pages/play-for-future" tabindex="0"> <img src="//it.clementon...</a>

  (selector "#shopify-section-product-recommendations > section > div:nth-child(2) > div > div > div > div > div:nth-child(3) > div > div:nth-child(1) > a")

• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

  htmlcs: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

  <img class="custom_svg-newsletter" src="//it.clementoni.com/cdn/shop/t/42/assets/custom-newsletter.svg?v=170762072021310589941733304774">

  (selector "#shopify-section-footer > section > div > div > div > div:nth-child(1) > img")

• Error: Duplicate id attribute value "Email" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <input type="email" name="contact[email]" id="Email" class="promo-pop__fieldset-item promo-pop__input" value="" placeholder="email@esempio.com" autocorrect="off" autocapitalize="off">

  (selector "#Email")

• Error: Duplicate id attribute value "Subscribe" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <button type="submit" class="c-btn c-btn--primary c-btn--arrow promo-pop__fieldset-item promo-pop__btn" name="commit" id="Subscribe">Iscriviti</button>

  (selector "#Subscribe")

• Error: Iframe element requires a non-empty title attribute that identifies the frame.

  htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1

  <iframe name="__uspapiLocator" style="display: none;"></iframe>

  (selector "#black-amp-white-baby-book > iframe:nth-child(4)")

• Error: Iframe element requires a non-empty title attribute that identifies the frame.

  htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1

  <iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe>

  (selector "#black-amp-white-baby-book > iframe:nth-child(22)")

• Error: Duplicate id attribute value "iubenda-cs-paragraph" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <div id="iubenda-cs-paragraph">Noi e alcuni partner selezionat...</div>

  (selector "#iubenda-cs-paragraph")

• Error: This element's role is "presentation" but contains child elements with semantic meaning.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4

  <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><button role="button"><div clas...</li>

  (selector "#slick-slide00")