Labels
ARIA provides several mechanisms for adding labels and descriptions to elements. In fact, ARIA is the only way to add accessible help or description text. Let’s look at the properties ARIA uses to create accessible labels.
aria-label
aria-label
allows us to specify a string to be used as the accessible label. This overrides any other native labeling mechanism, such as alabel
element — for example, if abutton
has both text content and anaria-label
, only thearia-label
value will be used.You might use an
aria-label
attribute when you have some kind of visual indication of an element’s purpose, such as a button that uses a graphic instead of text, but still need to clarify that purpose for anyone who cannot access the visual indication, such as a button that uses only an image to indicate its purpose.…
Curated by (Lifekludger)
Read full article at Source: ARIA Labels and Relationships | Web | Google Developers