Kilotest: Diagnoses of text contrast improvable violation by HTML element 220 on YMCA of Greater San Antonio page

Basics

About the YMCA of Greater San Antonio page

• URL: https://ymcasatx.org/
• Tested 46 days ago by job klv on 2026-06-05 at 05:41

About HTML element 220

• Tag name: NAV
• Text: Main navigation … ABOUT US
• Start tag: <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="block block-wrapper block-provider--system block-plugin-id--system_menu_block:main block-system-menu-blockmain">
• XPath: /html/body/div[1]/div[1]/div[3]/header[1]/div[1]/nav[1]/div[1]/div[2]/div[3]/div[1]/nav[1]
• Bounding box: x = 335, y = 65, width = 1570, height = 92

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 220 of the YMCA of Greater San Antonio page.

1. Expected color contrast ratio for large font size at least 4.5:1, but got ratio: 3.5:1,<code>background-color: #0089d0</code>, <code>foreground-color: #2f2f2f</code>, <code>font-size: 24pt</code> (original: <code>32px</code>), <code>font-weight: 500</code>.%6 <small>Note:</small> The element is possibly visually hidden and that state might be temporary. For example the lazy loading technique can be used and the element will be visible at some point.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: color_contrast_aaa7