Kilotest: Diagnoses of text contrast improvable violation by HTML element 305 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 305

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

About the text contrast improvable issue

• Why it matters: Content is not easy to understand
• Priority: lowest
• Related WCAG standard: 1.4.6

Diagnoses

Here is how tools diagnose the text contrast improvable issue for HTML element 305 of the Third Act page.

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

   Tool: Alfa (Siteimprove)

   Rule: r66

2. Expected color contrast ratio for small font size at least 7:1, but got ratio: 3.48:1, <code>background-color: #fd4517</code>, <code>foreground-color: #ffffff</code>, <code>font-size: 9pt</code> (original: <code>12px</code>), <code>font-weight: 400</code>.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

3. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 7:1, but text in this element has a contrast ratio of 3.48:1. Recommendation: change background to #ac2200.

   Tool: HTML CodeSniffer (Squiz Labs)

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

4. [failed] Element has contrast ratio lower than minimum.

   Tool: QualWeb (University of Lisbon)

   Rule: QW-ACT-R76

5. This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 7:1, but text in this element has a contrast ratio of 3.48:1. Recommendation: change background to #ac2200.

   Tool: WallyAX (Wally)