Labels

Checklist » DOM Presence

✓ Labels

Are the component's significant elements labeled such that a user relying on an assistive device can understand what those elements are for?

[This article is a stub, and is not yet complete.]

A sighted user may be able to immediately perceive the purpose a component's various elements from their visual arrangement and appearance, but a user with a screen reader or similar technology relies on explicit element labels to navigate the user interface.

• If the component has elements that do not have visible text labels, do those elements expose a text label via aria-label or aria-labelled by?

• If the component's presentation is primarily visual (it renders an image, or some other graphical elements without text), does the component define an alt attribute?

• Can a developer override default labels with labels more appropriate to the context of their application? When you're creating a component for use in a wide range of applications, you may be force to use fairly generic text ("People") to describe elements. In the context of a specific application, however, the app's developer may want to supply more specific text ("Friends").