Ensure interactive element has accessibility name

(In development)

Ensure the name of interactive elements is clear for users of assistive technologies. The name is used for identification. The name is announced to screen reader users. The name can be used by voice control users to perform targetted actions.

Impact

People who use assistive technologies depend on a correct name. If an element has no name, users will not know what the purpose of the element is.

Solutions

Elements

Testing

Automated testing

This issue can be detected automatically with the Abra Test Engine.

Manual testing

Navigate to the interactive element using a screen reader. Or use voice control to show labels.

The screen reader usually first announces the state, then the name, then the role, and finally the value.

Examples:

  • "Help, Button"
  • "Selected, Home, Tab, 1 out of 4"

Passes if the name accurately describes the element.

Guidelines

Always check the official guidelines.