ARIA LABEL, LABELLEDBY and DESCRIBEDBY

ARIA DescribedBy (aria-describedby), aria-labelledby and aria-label are all very similar and all can be used to communicate with the screen reader.

Example 1:

Aria Label
Aria Labelled By
Aria Described By

Code


<table>
<tr><td><span id="my_desc1">Aria Label</span></td><td><button aria-label="Aria Label">submit</button></td></tr>
<tr><td><span id="my_desc2">Aria Labelled By</span></td><td><button aria-labelledby="my_desc2">submit</button></td></tr>
<tr><td><span id="my_desc3">Aria Described By</span></td><td><button aria-describedby="my_desc3">submit</button></td></tr>
</table>

Standards:

Tags: , ,

Comments are closed.