Pa11y results for "https://nl.clementoni.com/products/creeer-je-pennen-monster"

Generated at: Wed Jun 11 2025 12:37:45 GMT+0200 (Central European Summer Time)

Runners (with issues): htmlcs

Toggle by type 13 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: Anchor element found with a valid href attribute, but no link content has been supplied.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent

  <a href="https://clemworld.clementoni.com/en/recall/" class="announcement__link" target="_blank" rel="noreferrer noopener"> <div clas...</a>

  (selector "#shopify-section-header > 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="#" class="header-trigger__link header-trigger__link--mobile js-mobile-draw-trigger icon-fallback"> <img src="//nl.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="//nl.clementon...</a>

  (selector "#top > div:nth-child(3) > 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="nl" 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="/search" class="secondary-nav__link js-search-trigger js-no-transition"> <img src="//...</a>

  (selector "#top > div:nth-child(4) > nav:nth-child(2) > ul > li: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="/collections/vendors?q=IDEA"> ...</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: 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 "#creeer-je-pennen-monster > iframe:nth-child(20)")

• 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 "#creeer-je-pennen-monster > 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")