HTNL5-ARIA role属性

时间 2019-12-11

标签 htnl5 htnl aria role 属性繁體版

原文原文链接

WAI-ARIAspa

Web Accessibility Initiative’s Accessible Rich Internet Applicationscode

无障碍网页倡议–无障碍的富互联网应用，也简称ARIAblog

是一种技术规范，自称“有桥梁做用的技术” 。it

因此这样说，是由于在HTML提供相应的语义功能以前，它会使用属性来填补一些语义上的空白。io

地标角色（landmark role）class

地标角色能够帮助用户识别页面区域，从而让屏幕阅读器用户能够直接跳到这些区域。一般，对这些区域指定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>