Kilotest: Diagnoses of contrast poor violation by HTML element 286 on Third Act page

Basics

About the Third Act page

• URL: https://thirdact.org/
• Tested 67 days ago by job f1c on 2026-03-26 at 23:59

About HTML element 286

• Tag name: DIV
• Text: CENTRAL
• Start tag: <div class="badge mb-2" id="national">
• XPath: [not obtained]
• Bounding box: x = 276, y = 1807, width = 73, height = 22

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 286 of the Third Act page.

1. The highest possible contrast of the text is 3.48:1 which is below the required contrast of 4.5:1

   Tool: Alfa (Siteimprove)

   Rule: r69

2. Elements must meet minimum color contrast ratio thresholds; Element has insufficient color contrast of 3.41 (foreground color: #ffffff, background color: #fd491c, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

   Tool: Axe (Deque)

   Rule: color-contrast

3. Text contrast of 3.48 with its background is less than the WCAG AA minimum requirements for text of size 12px and weight of 400

   Tool: Accessibility Checker (IBM)

   Rule: text_contrast_sufficient

4. Very low contrast

   Tool: WAVE (Utah State University)

   Rule: contrast

5. 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.48:1. Recommendation: change background to #e32d00.

   Tool: WallyAX (Wally)