Ensure image has accessibility label

(In development)

Ensure images contain an accessibility label for users of assistive technologies. The label is used to describe the image to screen reader users.

Impact

People who use assistive technologies depend on a accessibility labels. If an image has no label, users are missing out on information.

Solutions

Elements

Testing

Automated testing

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

Manual testing

Navigate to the interactive element with a screen reader.

The screen reader announces: "Label, image".

A good label accurately describes the meaning of the image.

Exceptions

Decorative images do not need an accessibility label. Ensure decorative images cannot receive focus when using the screen reader.

Guidelines

Always check the official guidelines.