html5 - Can I use multiple ARIA roles on a parent element -
can have multiple roles on parent element example:
<div class="row"> <div class="col-sm-6" role="rowheader"> <p>access our award-wi</p> </div> <div class="col-xs-6 col-sm-3" role="row gridcell" > <<< <img src="#{request.contextpath}/resources/books/images/icon_tick_table.png" role="gridcell" alt="" title="s" class="table-image"/> </div> <div class="col-xs-6 col-sm-3"> <img src="#{request.contextpath}/resources/form/hello.jpg" role="gridcell" alt=": yes" title="s" class="table-image"/> </div> </div>
wai-aria’s role
attribute can have list of values, first valid , supported wai-aria role used:
the first name literal of non-abstract wai-aria role in list of tokens in role attribute defines role according user agent must process element.
from user agent implementation guide role mapping:
[…] wai-aria allows multiple roles specified ordered set of space-separated valid role tokens. additional roles fallback roles similar concept of specifying multiple fonts in case first choice font type not supported.
Comments
Post a Comment