Kilotest: Diagnoses of contrast poor
violation by HTML element 309 on Koenig Childhood Cancer Foundation donations page
Basics
About the Koenig Childhood Cancer Foundation donations page
- URL: https://thekccf.org/donate
- Tested 13 days ago by job
vc2on 2026-05-19 at 14:37
About HTML element 309
- Tag name:
BUTTON - Text:
Subscribe to Newsletter
- Start tag:
<button class="inline-flex items-center justify-center font-semibold transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer btn-primary btn-primary-orange text-white focus:ring-orange-500 px-6 py-3 text-base rounded-full w-full w-full sm:w-[80%] xl:w-full bg-white/20 hover:bg-white/30 sm:text-lg backdrop-blur-sm text-white border border-white/30"> - XPath:
/html/body/footer[1]/div[1]/div[1]/div[3]/button[1] - Bounding box: x = 1226, y = 3477, width = 342, height = 54
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 309 of the Koenig Childhood Cancer Foundation donations page.
- Text contrast of 2.89 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 600
Tool: Accessibility Checker (IBM)
Rule:
text_contrast_sufficient