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
- scroll-behavior
Specifies the scrolling behavior for a scrolling box.
- type="range"
Represents a control for setting the element’s value to a string representing a number.
- button
A control allowing a user to trigger actions.
- display: grid
A grid container establishes a new grid formatting context for its contents.