input-button-name
Input buttons must have discernible text
Who might be affected
Screen Reader
Voice Control
Description
HTML <input />
based button elements require an accessible name so that screen readers can accurately
read and convey their meaning and purpose to the user.
Quick Fixes
Give the input buttons an accessible name in one of the following techniques:
1<!-- Use the value attribute -->2<input type="button" value="Play"/>34<!-- Use "aria-label" -->5<input type="submit" aria-label="submit" />67<!-- Use "aria-labelledby" -->8<p id="reset-title">Reset</p>9<input type="reset" aria-labelledby="reset-title" />
See also input-image-alt
How Users Are Affected
The accessible name is used by assistive technologies to label, announce and trigger actions of interactable UI elements (e.g. buttons, links, input fields). When interactable elements don’t have a valid accessible name, assistive technologies lack the hook they are designed to use to parse and read the content accurately.
WCAG Success criteria
This issue might cause elements to fail one or more of the following Success criteria:
4.1.2 Name, Role, Value (A)
Recommended Reading
- Understanding Name, Role, Value
- Accessible Nmes - Evinced KB
- Buttons - Evinced KB