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

Popular posts from this blog

how to display 2 form fields on same line with bootstrap -

How do you convert a timestamp into a datetime in python with the correct timezone? -