Pa11y results for "https://www.pinocchioandfriends.tv/en/activity/pinocchio-and-friends-spring-activity-book/"

Generated at: Thu Jun 19 2025 09:51:34 GMT+0000 (Coordinated Universal Time)

Runners (with issues): htmlcs

Toggle by type 9 errors 0 warnings 0 notices

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 3.55:1. Recommendation: change text colour to #1a65ab.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a class="skip-link sr-only sr-only-focusable" href="#content">Skip to content</a>
(selector "#wrapper-navbar > a")
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 #202020.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a href="https://www.pinocchioandfriends.tv/en/activities/" rel="prev"> <i cla...</a>
(selector "#main > nav > div > span > 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="msls_languages"><option value="https://www.pino...</select>
(selector "#block-7 > div > select")
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="msls_languages"><option value="https://www.pino...</select>
(selector "#block-7 > div > select")
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.39:1. Recommendation: change text colour to #fff5d6.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<option value="https://www.pinocchioandfriends.tv/en/activity/pinocchio-and-friends-spring-activity-book/" selected="selected">English</option>
(selector "#block-7 > div > select > option:nth-child(1)")
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.39:1. Recommendation: change text colour to #fff5d6.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<option value="https://www.pinocchioandfriends.tv/it/">Italiano</option>
(selector "#block-7 > div > select > option:nth-child(2)")
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.39:1. Recommendation: change text colour to #fff5d6.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<option value="https://www.pinocchioandfriends.tv/pl/">Polski</option>
(selector "#block-7 > div > select > option:nth-child(3)")
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 1.04:1. Recommendation: change text colour to #eff7ff.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a href="/en/privacy-policy/">Privacy Policy</a>
(selector "#colophon > div > sub:nth-child(2) > a")
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 1.04:1. Recommendation: change text colour to #eff7ff.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a href="/en/cookie-policy/">Cookie Policy</a>
(selector "#colophon > div > sub:nth-child(3) > a")

Pa11y results for "https://www.pinocchioandfriends.tv/en/activity/pinocchio-and-friends-spring-activity-book/"

Generated at: Thu Jun 19 2025 09:51:34 GMT+0000 (Coordinated Universal Time)

Runners (with issues): htmlcs

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 3.55:1. Recommendation: change text colour to #1a65ab.

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 #202020.

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.

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.

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.39:1. Recommendation: change text colour to #fff5d6.

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.39:1. Recommendation: change text colour to #fff5d6.

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.39:1. Recommendation: change text colour to #fff5d6.

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 1.04:1. Recommendation: change text colour to #eff7ff.

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 1.04:1. Recommendation: change text colour to #eff7ff.