Pa11y results for "https://fr.clementoni.com/products/atelier-de-bricolage-premieres-activites"

Generated at: Wed Jun 11 2025 03:28:52 GMT+0200 (Central European Summer Time)

Runners (with issues): htmlcs

Toggle by type 23 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="//fr.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="//fr.clementon...</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="//fr.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"> ...</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="fr" 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="//fr...</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="//...</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-fr.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:nth-child(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://clementoni-fr.myshopify.com/collections/play-for-future" 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:nth-child(2)")

• 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: Iframe element requires a non-empty title attribute that identifies the frame.

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

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

  (selector "#zoid-paypal-buttons-uid_2173f6dd2d_mjm6ntm6mzq > iframe:nth-child(5)")

• 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="//fr.clementoni.com/cdn/shop/t/20/assets/custom-newsletter.svg?v=170762072021310589941733321079">

  (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="courriel@exemple.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">S'inscrire</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 height="0" width="0" style="display: none; visibility: hidden;"></iframe>

  (selector "#atelier-de-bricolage > iframe:nth-child(21)")

• 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")