Kilotest: Diagnoses of contrast poor violation by HTML element 169 on Next Generation Playground page

Basics

About the Next Generation Playground page

• URL: https://www.playnextgeneration.com/
• Tested 14 days ago by job cg9 on 2026-05-18 at 15:01

About HTML element 169

• Tag name: SPAN
• Text: Kids Klub
• Start tag: <span class="itemDepth02233374943__label wixui-horizontal-menu__item-label">
• XPath: [not obtained]
• Bounding box: x = 1019, y = 33, width = 113, height = 33

Take me there

About the contrast poor issue

• Why it matters: Content is difficult to understand
• Priority: highest
• Related WCAG standard: 1.4.3

Diagnoses

Here is how tools diagnose the contrast poor issue for HTML element 169 of the Next Generation Playground page.

1. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 2.49 (foreground color: #55ace4, background color: #ffffff, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

   Tool: Axe (Deque)

   Rule: color-contrast

2. 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.5:1. Recommendation: change text colour to #257cb4.

   Tool: HTML CodeSniffer (Squiz Labs)

   Rule: E-WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18.Fail

3. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast