HTNL5-ARIA role属性
程序员文章站
2022-03-20 21:10:51
WAI-ARIA Web Accessibility Initiative’s Accessible Rich Internet Applications 无障碍网页倡议–无障碍的富互联网应用，也简称ARIA 是一种技术规范，自称“有桥梁作用的技术” 。 所以这样说，是因为在HTML提供相应的语义功 ......
wai-aria
web accessibility initiative’s accessible rich internet applications
无障碍网页倡议–无障碍的富互联网应用，也简称aria
是一种技术规范，自称“有桥梁作用的技术” 。
所以这样说，是因为在html提供相应的语义功能之前，它会使用属性来填补一些语义上的空白。
地标角色（landmark role）
地标角色可以帮助用户识别页面区域，从而让屏幕阅读器用户可以直接跳到这些区域。通常，对这些区域指定role属性就可以了。
一些可用的地标角色：
1 <body> 2 <!-- 开始页面容器 --> 3 <div class="container"> 4 <header role="banner"> 5 ... 6 <nav role="navigation"> 7 ... [包含多个链接的无序列表] ... 8 </nav> 9 </header> 10 <!-- 应用css后的第一栏 --> 11 <main role="main"> 12 <article> 13 ... 14 </article> 15 <article> 16 ... 17 </article> 18 ... [其他区块] ... 19 </main>
推荐阅读