ARIA DescribedBy

ARIA DescribedBy (aria-describedby) is used to associate descriptive information to HTML elements. In doing so, the browser makes it available to assistive technology through the MSAA Description value. The aria-describedby points to a unique id or list of unique ids. It is very useful when providing a additional descriptions, and as an example, can point to a paragraph or a span encompassing a group of paragraphs. aria-describedby is very similiar to aria-labelledby

At the time of writing this document, I am not sure how well it is supported. Try the following example and find out.

Example 1:

Aria Described By

Code:


<span id="my_desc3">Aria Described By</span></td><td><button aria-describedby="my_desc3">submit</button><br />

Example 2:

Rublev's Trinity

This is a long paragraph containing the long description for the image.

It includes as much description as you need.

Code:


<img src="http://www.donaldevans.com/images/trinity.jpg" 
    aria-labelledby="long_alt" 
    aria-describedby="long_alt2"  
    alt="Rublev's Trinity" />
<div id="long_alt">
<p>
This is a long paragraph containing the long description for the image.
</p>
</div>
<div id="long_alt2">
<p>
It includes as much description as you need.
</p>
</div>

Standards:

Tags:

Comments are closed.