aria-describedby
Identifies the element (or elements) that describes the object. aria-describedby (property)
Links about aria-describedby
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:
Describing aria-describedby
A well-designed user interface (UI) should clearly identify important content and controls. Often people correlate this to using prominent visual cues to help guide individuals through a task or point
Tags:
Using the aria-describedby attribute
The aria-describedby attribute is used to indicate the IDs of the elements that describe the object. It is used to establish a relationship between widgets or groups and text that described them. This is very similar to aria-labelledby: a label describes the essence of an object, while a description…
Code sample
<button class="notifications" aria-describedby="notifications-desc">
Notifications
</button>
<div role="tooltip" id="notifications-desc">View and manage notifications settings</div> Explore other pages
- type="date"
A control for setting the element’s value to a specific date
- display: grid
A grid container establishes a new grid formatting context for its contents.
- position: absolute
A box is explicitly offset with respect to its containing block.
- position: sticky
Makes an element stick.