aria-label
Defines a string value that labels the current element. aria-label (property)
Links about aria-label
aria-label, aria-labelledby, and aria-describedby: What’s the Difference?
Diving deep into three attributes that bring clarity to elements in assistive technologies.
Short note on aria-label, aria-labelledby, and aria-describedby
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:Using the aria-label attribute
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
A collection of bad practices in HTML, copied from real websites.

Code sample
<button aria-label="Submit">
<svg …></svg>
</button>
Explore other pages
- inert
Indicates that the element is to be made inert.
- button
A control allowing a user to trigger actions.
- :nth-child()
Represents an element that has an+b-1 siblings before it in the document tree.
- aria-labelledby
Identifies the element (or elements) that labels the current element.