Kilotest: Diagnoses of text contrast improvable violation by HTML element 29 on Dr. Catherine Akurut page

Basics

About the Dr. Catherine Akurut page

• URL: https://catherineakurut.netlify.app/
• Tested 44 days ago by job at3 on 2026-06-06 at 23:02

About HTML element 29

• Tag name: DIV
• Text: Policy Brief … $400 to $600
• Start tag: <div class="service-card">
• XPath: /html/body/div[1]/main[1]/div[2]/div[1]/div[2]
• Bounding box: x = 968, y = 893, width = 320, height = 180

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 rule engines diagnose the text contrast improvable issue for HTML element 29 of the Dr. Catherine Akurut page.

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

   Tool: Alfa (Siteimprove)

   Rule: r66

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

   Tool: Alfa (Siteimprove)

   Rule: r66

3. Expected color contrast ratio for small font size at least 7:1, but got ratio: 6.59:1, <code>background-color: #162535</code>, <code>foreground-color: #b0a898</code>, <code>font-size: 10pt</code> (original: <code>13.6px</code>), <code>font-weight: 400</code>.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7

4. Expected color contrast ratio for small font size at least 7:1, but got ratio: 6.81:1, <code>background-color: #162535</code>, <code>foreground-color: #c9a84c</code>, <code>font-size: 10pt</code> (original: <code>13.6px</code>), <code>font-weight: 500</code>.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7