aria-describedby

Identifies the element (or elements) that describes the object. aria-describedby (property)

Links about aria-describedby

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. 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
   

3. Describing aria-describedby

   posted on November 27, 2018

   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:

   • accessibility
   

4. Using the aria-describedby attribute

   posted on March 23, 2019 by MDN

   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>