我可以在父元素上使用多个 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>

- user3433451

Answer 1

WAI-ARIA的role属性可以有多个值，但只有第一个有效且被支持的WAI-ARIA角色将被使用：

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

来自角色映射的用户代理实现指南：

[...] WAI-ARIA允许指定多个角色作为一组有序的以空格分隔的有效角色令牌。其他角色是回退角色，类似于在第一个选择的字体类型不受支持的情况下指定多个字体。

- unor