Kilotest: Diagnoses of text contrast improvable violation by HTML element 766 on Sightline Institute page

Basics

About the Sightline Institute page

• URL: https://www.sightline.org/
• Tested 29 days ago by job wxv on 2026-05-03 at 17:04

About HTML element 766

• Tag name: A
• Text: Watch the video
• Start tag: <a class="gb-button gb-button-edd09e74 gb-button-text BlueButton" href="https://www.youtube.com/watch?v=5PWeaE5dwl4" target="_blank" rel="noopener noreferrer">
• XPath: [not obtained]
• Bounding box: x = 40, y = 2893, width = 172, height = 44

Take me there

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 766 of the Sightline Institute page.

1. Elements must meet enhanced color contrast ratio thresholds; Element's background color could not be determined due to a pseudo element

   Tool: Axe (Deque)

   Rule: color-contrast-enhanced

2. 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 4.43:1. Recommendation: change background to #315d79.

   Tool: HTML CodeSniffer (Squiz Labs)

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

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

   Tool: QualWeb (University of Lisbon)

   Rule: QW-ACT-R76