Skip to content
This repository has been archived by the owner on Jul 26, 2022. It is now read-only.

Labels

Jump to bottom
Jan Miksovsky edited this page Sep 30, 2020 · 5 revisions

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").

Clone this wiki locally