大佬教程收集整理的这篇文章主要介绍了在经过验证的HTML5中使用aria-sort，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<table>
<thead>
<tr>
<th scope="col" aria-sort="none"><a href="...">Name <span title="Sort">▲</span></a></th>
<th scope="col" aria-sort="ascending"><a href="...">score <span title="Ascending">▲</span></a></th>
</tr>
</thead>
<tbody>
<tr>
<td>C</td>
<td>1</td>
</tr>
<tr>
<td>A</td>
<td>5</td>
</tr>
<tr>
<td>B</td>
<td>9</td>
</tr>
</tbody>
</table>
使用咏叹调排序是否合适(当UA支持它时)？
http://www.w3.org/TR/wai-aria/states_and_properties#aria-sort
我相信这可能很有用,但是W3C验证器目前在< th scope =“col”>上需要一个role =“columnheader”,这有点多余,因为它已经暗示了一个[scope =“col” ]：
http://www.w3.org/TR/wai-aria/roles#columnheader
一旦你开始指定它,你还需要设置一个角色,直到< table role =“grid”> …如果你没有使用适当的标签就可以了.
正如@CraigFrancis所述,此问题已在验证程序的邮件列表中引发,其中一条消息引用了错误报告.根据规范,验证者的行为是正确的,该错误已经是closed.这意味着如果使用aria-sort,则需要将role显式设置为columnheader或rowheader,即使您具有scope属性.
正如问题所述,这意味着在文档树中需要更高的其他角色属性,以便您最低限度地获得以下内容：
<!doctype html> <title>aria-sort issue</title> <table role="grid"> <thead> <tr role="row"> <th scope="col" role="columnheader" aria-sort="none"><a href="...">Name <span title="Sort">▲</span></a></th> <th scope="col" role="columnheader" aria-sort="ascending"><a href="...">score <span title="Ascending">▲</span></a></th> </tr> </thead> <tbody> <tr> <td>C</td> <td>1</td> </tr> <tr> <td>A</td> <td>5</td> </tr> <tr> <td>B</td> <td>9</td> </tr> </tbody> </table>
这看起来相当多余,特别是因为role=columnheader的定义说它是“结构等同于具有列范围的HTML th元素”.但是,HTML5 LC definitions related to WAI-ARIA没有为th(或tr或tablE)指定任何隐含的ARIA语义.这可能反映了用于布局的表的使用,这已经很普遍,因此通常假设表元素表示结构(或“语义”)意义上的网格(数组,矩阵)是不现实的.因此,当表元素的“表格”与ARIA相关时,必须在不同的嵌套级别用角色属性明确表达.
请注意,aria-sort属性纯粹是提供信息的,声明性的.它描述了表(网格)的项目是按升序或降序(或其他)顺序.它不会要求浏览器对它们进行排序或创建用于排序的UI工具.在实践中,它意味着在作者负责对表进行排序时,在页面生成服务器端或使用JavaScript客户端时使用.用户代理可以以各种方式利用这些信息,例如通过向用户宣布订单.
ARIA规范补充说：“对于每个表格或网格,作者应该一次只对一个标题应用aria-sort”.代码示例违反了此建议. (但是,验证器没有发出错误消息;这应该是SHOULD,而不是SHALl.)在这种情况下,应该删除aria-sort =“none”.当在列标题上设置时,aria-sort属性指定表的行根据该列进行排序,因此出于显而易见的原因,它应仅在一列上设置.
以上是大佬教程为你收集整理的在经过验证的HTML5中使用aria-sort全部内容，希望文章能够帮你解决在经过验证的HTML5中使用aria-sort所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。