Adding Multiple Descriptions to an Element using aria-describedby
The aria-describedby
attribute can also be used to associate an element with multiple descriptions. To do this, you can set the value of the attribute to be a space-separated list of the IDs of the elements that contain the descriptions.
Working Example
How is the following link announced by screen readers?
Google
The world’s best known search engine
But still not the only search engine on the planet
Is this what you expected?
Code
<p>
How is the following link announced by screen readers?
</p>
<a aria-describedby="description1 description2" href="...">Google</a>
<div id="description1">
The world's best known search engine
</div>
<div id="description2">
But still not the only search engine on the planet
</div>
<p>
Is this what you expected?
</p>
#description {
display: none;
}
NIL