Kilotest: Diagnoses of text contrast improvable violation by HTML element 125 on Metropolitan Transportation Authority page

Basics

About the Metropolitan Transportation Authority page

• URL: https://www.mta.info/
• Tested 30 days ago by job oyu on 2026-06-20 at 13:49

About HTML element 125

• Tag name: BUTTON
• Text: About
• Start tag: <button id="mtaNavSecondary-1003" class="mta-tr-secondary mta-w-full text-left mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300 mta-cursor-pointer" aria-expanded="false" aria-controls="mtaNavSecondaryContent-1003" tabindex="-1">
• XPath: /html/body/div[1]/section[1]/div[1]/section[1]/div[1]/ul[1]/li[7]/button[1]
• Bounding box: x = 0, y = 0, width = 0, height = 0

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 125 of the Metropolitan Transportation Authority page.

1. Expected color contrast ratio for small font size at least 7:1, but got ratio: 6.36:1, <code>background-color: #ffffff</code>, <code>foreground-color: #0f61a9</code>, <code>font-size: 12pt</code> (original: <code>16px</code>), <code>font-weight: 700</code>. <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