HTNL5-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>
相關文章
相關標籤/搜索