aria-label

Defines a string value that labels the current element. aria-label (property)

Links about aria-label

1. aria-label, aria-labelledby, and aria-describedby: What’s the Difference?

   posted on December 7, 2020

   Diving deep into three attributes that bring clarity to elements in assistive technologies.

   

2. Not so short note on aria-label usage – Big Table Edition – HTML Accessibility

   posted on November 7, 2020

   

3. The difference between aria-label and aria-labelledby - Tink - Léonie Watson

   posted on August 24, 2020

   

4. Short note on aria-label, aria-labelledby, and aria-describedby

   posted on July 18, 2018

   Be careful when you use the aria-label, aria-labelledby, and aria-describedby attributes, because they do not work consistently with all HTML elements. This is a short note on when (and when not) to u

   Tags:

   • accessibility
   

5. Using the aria-label attribute

   posted on February 17, 2020 by MDN

   The aria-label attribute is used to define a string that labels the current element. Use it in cases where a text label is not visible on the screen. If there is visible text labeling the element, use aria-labelledby instead.

   

This might be interesting as well

HTMHell - #16 alt, no wait…, aria-label, no wait…, alt

posted on February 9, 2020

A collection of bad practices in HTML, copied from real websites.

Code sample

<button aria-label="Submit">
  <svg …></svg>
</button>