Kilotest: Diagnoses of button name not visible violation by HTML element 351 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 351

• Tag name: DIV
• Text: From … To
• Start tag: <div id="edit-address-container" tabindex="-1" class="address-container form-group js-form-wrapper form-wrapper">
• XPath: /html/body/div[1]/div[1]/div[1]/aside[1]/div[1]/section[1]/div[1]/div[1]/div[1]/div[1]/div[2]
• Bounding box: x = 500, y = 521, width = 280, height = 115

About the button name not visible issue

• Why it matters: User cannot get help explaining a button
• Priority: lowest
• Related WCAG standard: 4.1.2

Diagnoses

Here is how rule engines diagnose the button name not visible issue for HTML element 351 of the Metropolitan Transportation Authority page.

1. The button should have a description, but the content is empty. Having only defined an attribute aria-label="Swap From and To addresses" is not sufficient and it is recommended to have the content instead, e.g. at least visually hidden, but exposed to assisitve technologies. Some users are disabling styles for better readability, and also description from attribute is not available for automatic translators.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: empty_button_description