Kilotest: Diagnoses of line height low
violation by HTML element 65 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 65
- Tag name:
BUTTON - Text:
DONATE
- Start tag:
<button type="button" class="px-6 py-3 rounded-full text-sm font-semibold leading-none transition-all duration-200 hover:opacity-90 hover:shadow-lg cursor-pointer focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-2 focus:rounded-full bg-orange-600 hover:bg-orange-700 text-white shadow-lg drop-shadow-[0_2px_4px_rgba(0,0,0,0.5)]"> - XPath:
/html/body/nav[1]/div[1]/div[1]/div[3]/button[2] - Bounding box: x = 1408, y = 29, width = 106, height = 38
About the line height low
issue
- Why it matters: Text is difficult to read
- Priority: low
- Related WCAG standard: 1.4.8
Diagnoses
Here is how tools diagnose the line height low
issue for HTML element 65 of the Koenig Childhood Cancer Foundation donations page.
- Element line height (14.0px) is less than 1.5 times its font size (14.0px)
Tool: Testaro (CVS Health)
Rule:
lineHeight