Ensure interactive element has accessibility value

(In development)

Ensure the value of interactive elements is indicated to users of assistive technologies. For example, a slider should indicate it's current value. If the value is not indicated, users might get confused.

Impact

People who use assistive technologies depend on a correct value. For example, if the value of a slider is not indicated, users might not be able to choose their preferred value.

Solutions

Elements

Testing

Automated testing

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

Manual testing

Navigate to the element using a screen reader.

The value of the element is usually the first or last property to get announced.

Examples:

  • Selected Checkbox: "Selected, Name, Switch"
  • Enabled Switch: "On, Name, Switch"
  • Tab index: "Selected, Name, Tab, 1 out of 4"

Passes if the state accurately reflects the element state.

Relevant sources

Always check the official guidelines.