我可以在父元素上使用多个ARIA角色吗？

Question

我可以在父元素上拥有多个角色，例如：

<div class="row">
    <div class="col-sm-6" role="rowheader">
        <p>Access to 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>

Answer 1

WAI-ARIA’s role attribute可以有一个值列表，但只会使用第一个有效且受支持的WAI-ARIA角色：

  

role属性中令牌列表中非抽象WAI-ARIA角色的名字文字定义了用户代理必须处理元素的角色。

来自用户代理实施指南关于Role mapping：

  

[...] WAI-ARIA允许将多个角色指定为一组有序的空格分隔的有效角色令牌。附加角色是后备角色，类似于在不支持第一选择字体类型的情况下指定多个字体的概念。