Pa11y results for "https://fr.clementoni.com/blogs/libre-de-jouer/lheure-du-gouter-est-une-affaire-serieuse"

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

Runners (with issues): htmlcs

Toggle by type 15 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 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 "#l-39-heure-du-gouter-est-une-affaire-serieuse > iframe:nth-child(20)")