Adding a Description to an Element using aria-describedby
The aria-describedby
attribute is used to associate an element with a text description. The value of the attribute should be the ID of an element that contains the description.
Working Example
How is the following link announced by screen readers?
Google
The world’s best known search engine
Is this what you expected?
Code
<p>
How is the following link announced by screen readers?
</p>
<a aria-describedby="description" href="...">Google</a>
<div id="description">
The world's best known search engine
</div>
<p>
Is this what you expected?
</p>
#description {
display: none;
}
NIL