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