我可以在父元素上使用多个 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\xe2\x80\x99srole属性可以有一个值列表，但只会使用第一个有效且受支持的 WAI-ARIA 角色：

\n\n

\n

角色属性中的标记列表中非抽象 WAI-ARIA 角色的名字文字定义了用户代理必须根据其处理元素的角色。

\n

\n\n

来自用户代理实施指南中有关角色映射的内容：

\n\n

\n

[\xe2\x80\xa6] WAI-ARIA 允许将多个角色指定为空格分隔的有效角色标记的有序集合。附加角色是后备角色，类似于在不支持首选字体类型的情况下指定多种字体的概念。

\n

\n