Pa11y results for "https://www.winxclub.com/en/bloom"

Generated at: Wed Jun 18 2025 08:50:49 GMT+0200 (Central European Summer Time)

Runners (with issues): htmlcs

Toggle by type 40 errors 0 warnings 0 notices

• Error: This link points to a named anchor "main-content" within the document, but no anchor exists with that name.

  htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID

  <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>

  (selector "#skip-link > a")

• 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="/en/bloom"><span class="m-visuallyhidden">...</a>

  (selector "html > body > header:nth-child(7) > div:nth-child(4) > div:nth-child(1) > ul > li:nth-child(1) > a")

• 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="/en/stella"><span class="m-visuallyhidden">...</a>

  (selector "html > body > header:nth-child(7) > div:nth-child(4) > div:nth-child(1) > ul > li:nth-child(2) > a")

• 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="/en/flora"><span class="m-visuallyhidden">...</a>

  (selector "html > body > header:nth-child(7) > div:nth-child(4) > div:nth-child(1) > ul > li:nth-child(3) > a")

• 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="/en/musa"><span class="m-visuallyhidden">...</a>

  (selector "html > body > header:nth-child(7) > div:nth-child(4) > div:nth-child(1) > ul > li:nth-child(4) > a")

• 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="/en/aisha"><span class="m-visuallyhidden">...</a>

  (selector "html > body > header:nth-child(7) > div:nth-child(4) > div:nth-child(1) > ul > li:nth-child(5) > a")

• 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="/en/tecna"><span class="m-visuallyhidden">...</a>

  (selector "html > body > header:nth-child(7) > div:nth-child(4) > div:nth-child(1) > ul > li:nth-child(6) > 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 id="MenuLinguaMobile"><option value="https://www.winx...</select>

  (selector "#MenuLinguaMobile")

• 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 id="MenuLinguaMobile"><option value="https://www.winx...</select>

  (selector "#MenuLinguaMobile")

• 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.25:1. Recommendation: change text colour to #010101.

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

  <span class="l-header__first_block__cta_winx_avatar__link__cta">Enter</span>

  (selector "html > body > header:nth-child(8) > div:nth-child(1) > nav > div > div > p:nth-child(1) > a > span: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 2.29:1. Recommendation: change background to #0080a9.

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

  <p class="moodboard_container__text m-text_top">Choose my pictures and discover...</p>

  (selector "#MoodBoardEsterno > div > div > div:nth-child(1) > p:nth-child(1)")

• 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="mapster_el" src="https://www.winxclub.com/sites/default/files/bloom_ci_en.png" style="width: 910px; height: 543px; opacity: 1;">

  (selector "#mapster_wrap_0 > img:nth-child(1)")

• 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 id="ActiveMoodboard" data-role="viewport-w-follower" data-ratio="0.5" data-cb="winxclub.winx_profiles.width_refresh" src="https://www.winxclub.com/sites/default/files/bloom_ci_en.png" usemap="#ActiveMoodboardMap" style="position: absolute; left:...

  (selector "#ActiveMoodboard")

• Error: Area element in an image map missing an alt attribute. Each area element must have a text alternative that describes the function of the image map area.

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

  <area data-detail-nid="19808" shape="poly" coords="377,347,880,343,882,494,863,513,794,519,380,519" href="#" target="">

  (selector "#ActiveMoodboardMap > area:nth-child(1)")

• Error: Area element in an image map missing an alt attribute. Each area element must have a text alternative that describes the function of the image map area.

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

  <area data-detail-nid="19807" shape="poly" coords="280,431,304,429,328,439,336,448,343,460,344,486,331,502,320,514,307,520,286,518,280,518,258,496,255,483,256,458,266,442,278,431" href="#" target="">

  (selector "#ActiveMoodboardMap > area:nth-child(2)")

• Error: Area element in an image map missing an alt attribute. Each area element must have a text alternative that describes the function of the image map area.

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

  <area data-detail-nid="19806" shape="poly" coords="35,48,53,30,341,31,339,315,324,336,33,336" href="#" target="">

  (selector "#ActiveMoodboardMap > area:nth-child(3)")

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

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

  <p class="moodboard_container__text m-text_bottom m-uppercase" id="MoodBoardTitolo">Hi I'm Bloom!</p>

  (selector "#MoodBoardTitolo")

• 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 src="https://www.winxclub.com/sites/default/files/thumbnail-320x180en.png">

  (selector "#MoodBoardListInterno > li:nth-child(1) > a > figure > img")

• 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 src="https://www.winxclub.com/sites/default/files/moodboard-bloom_icone_thumbnail.png">

  (selector "#MoodBoardListInterno > li:nth-child(2) > a > figure > img")

• 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 src="https://www.winxclub.com/sites/default/files/moodboard_bloom_thumbnail_15.png">

  (selector "#MoodBoardListInterno > li:nth-child(3) > a > figure > img")

• 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 src="https://www.winxclub.com/sites/default/files/moodboard_bloom_thumbnail.png">

  (selector "#MoodBoardListInterno > li:nth-child(4) > a > figure > img")

• 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="/en/article/introducing-myself-i%E2%80%99m-bloom"> <img s...</a>

  (selector "html > body > section > div > div:nth-child(3) > div > article > ul > li:nth-child(1) > figure > 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="/en/article/bedroom-special"> <img s...</a>

  (selector "html > body > section > div > div:nth-child(3) > div > article > ul > li:nth-child(2) > figure > 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="/en/video/bloom-coolest-fairy%E2%80%A6-earth"> <img s...</a>

  (selector "html > body > section > div > div:nth-child(3) > div > article > ul > li:nth-child(3) > figure > 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.25:1. Recommendation: change background to #010101.

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

  <a href="/en/parents">Parents</a>

  (selector "html > body > footer > div > div:nth-child(1) > nav > ul > li:nth-child(1) > 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.25:1. Recommendation: change background to #010101.

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

  <a href="/en/faq">FAQ</a>

  (selector "html > body > footer > div > div:nth-child(1) > nav > ul > li: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 4.25:1. Recommendation: change background to #010101.

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

  <a href="/en/bug-report">Bug report</a>

  (selector "html > body > footer > div > div:nth-child(1) > nav > ul > li:nth-child(3) > 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.25:1. Recommendation: change background to #010101.

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

  <a href="/en/contact-us">Contact us</a>

  (selector "html > body > footer > div > div:nth-child(1) > nav > ul > li:nth-child(4) > 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.25:1. Recommendation: change background to #010101.

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

  <a href="https://www.winxclub.com/en/privacy-policy">Privacy Policy</a>

  (selector "html > body > footer > div > div:nth-child(1) > nav > ul > li:nth-child(5) > 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.25:1. Recommendation: change background to #010101.

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

  <a href="https://www.winxclub.com/en/cookie-policy">Cookie Policy</a>

  (selector "html > body > footer > div > div:nth-child(1) > nav > ul > li:nth-child(6) > 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.25:1. Recommendation: change background to #010101.

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

  <p class="l-footer__copyright m-nomargin"> <img src="/sit...</p>

  (selector "html > body > footer > div > div:nth-child(1) > p")

• 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.25:1. Recommendation: change background to #010101.

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

  ^TM

  (selector "html > body > footer > div > div:nth-child(1) > p > sup")

• 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.25:1. Recommendation: change background to #010101.

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

  <span>Follow us on</span>

  (selector "html > body > footer > div > div:nth-child(2) > nav > span")

• 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="__tcfapiLocator" style="display: none;"></iframe>

  (selector "html > body > iframe:nth-child(12)")

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

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

  <button type="button" id="cboxPrevious"></button>

  (selector "#cboxPrevious")

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

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

  <button type="button" id="cboxNext"></button>

  (selector "#cboxNext")

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

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

  <button type="button" id="cboxSlideshow"></button>

  (selector "#cboxSlideshow")

• 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.89:1. Recommendation: change background to #4c4c4c.

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

  <div class="cookiebanner-close" style="float: right; padding-left: 5px; cursor: pointer;">I consent to cookies</div>

  (selector "html > body > div:nth-child(19) > div")

• 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 2.9:1. Recommendation: change text colour to #525252.

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

  <span>By clicking any link on this pa...</span>

  (selector "html > body > div:nth-child(19) > span")

• 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 2.9:1. Recommendation: change text colour to #525252.

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

  <a href="http://www.rbw.it/en/about/cookies-policy/" target="_blank" style="text-decoration: none; color: rgb(111, 111, 111);">More info</a>

  (selector "html > body > div:nth-child(19) > span > a")