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. This ensures that users relying on voice input can trigger controls by speaking what they see.
Hidden label overrides value attribute:
The <input type="submit"> below displays a visible label of "search", but uses aria-labelledby pointing to a hidden label with different text, causing a mismatch:
Accessible name is “Find in this site”, but the visible label is “search”. This mismatch prevents speech recognition users from activating the control by saying "click search".