The grid must be identified by an associated label. It is necessary to identify it for following reasons
When the grid first receives focus, its purpose must be conveyed to the screen reader user as shown in following example.
<div id=”grid1_label”>
Following grid lists out the products available at a discounted price.
</div>
<div id=”grid1” role=”grid” aria-labelledby=”grid1_label” tabindex=”-1”>
...
</div>
The text in element with id grid1_label describes the grid widget to the screen reader.
The grid must be identified by an associated label. It is necessary to identify it for following reasons When the grid first receives focus, its purpose must be conveyed to the screen reader user as shown in following example.
The text in element with id grid1_label describes the grid widget to the screen reader.