Marcelo Paiva
A woman with glasses and pinned up curly hair stands in profile before a wall of speakers.

Success criterion 4.1.2 · Level A

Name, Role, Value

“'Button1'? 'Button2'? What do these buttons even do? Give 'em proper names!”

Who this helps: Screen reader users, Cognitive Impairments

Success criterion 4.1.2 · Level A

Name, Role, Value

For all user interface components, the name, role, and value can be programmatically determined.

Principle 4: Robust · Guideline 4.1: Compatible

What each role can do

Product manager
Ensure that all UI elements are labeled in a way that makes their purpose clear.
Designer
Design buttons and other UI components with clear labels and roles.
Developer
Implement ARIA roles and proper tagging for interactive elements.
Tester
Test the website with screen readers and other assistive technologies to ensure all elements are properly labeled.

Once it is fixed

“With these new labels, I feel like I've got the control panel of a spaceship, not a mystery box. Thanks!”

Next criterion: 4.1.3 Status Messages