Label and accessible name (accessible-name)

For components with visible labels (such as buttons, form fields, checkboxes, etc.), the accessible name should match or include the visually presented text in the same order, without disruption by hidden text. This ensures speech recognition users can activate the control by speaking the visible label.


Hidden label disrupts visible label text:

The link below contains hidden text that interrupts the visible label string, resulting in a mismatch between the accessible name and the visible label:


Download gizmo specification

Note: Impossible to auto-test. Requires a human tester or AI to determine whether hidden text disrupts the visible label string in a way that breaks speech input compatibility.

axe detected: none  |  QualWeb detected: none