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.
Accessible name mismatch:
Visible link text says “Code of conduct”, but an aria-label changes its accessible name to
“Policies”. For controls with visible labels, the accessible name must
match the visible label so speech input like “click Code of conduct” works.
Go to our Code of conduct