跳到主要內容
:::|

8.1:EV1080104 在每一個內容區段開頭處提供標頭組件

稽核評量碼

EV1080104

訊息

在每一個內容區段開頭處提供標頭組件

英文訊息

H69: Providing heading elements at the beginning of each section of content

評量條件

任何在HTML或XHTML的網頁內存在鏈結,都需要遵守此規範。

評量步驟

範例1:使用標題元素<h2>標記每個標題組織搜索頁的各個部分

使用標題元素<h2>標記頁面各部份示意圖

原始碼:
<h1>搜尋科技期刊</h1>
 <h2>搜尋</h2>
 <form action="search.php">
  <p><label for="searchInput">輸入搜尋主題: </label>
  <input type="text" size="30" id="searchInput">
  <input type="submit" value="搜尋"></p>
 </form>
 <h2>可用期刊</h2>
 <div class="jlinks">
  <a href="pcoder.com">專業編碼器</a> |
  <a href="algo.com">演算法</a> |
  <a href="jse.com">軟體工程報導</a>
 </div>
 <h2>搜尋結果</h2>

 範例2:使用標題元素<h2>顯示整體組織結構的內容呈現

使用標題元素<h2>顯示整體組織結構的內容呈現示意圖

原始碼:
<!-- Logo, banner graphic, search form, etc.  -->
  <h2>導航</h2>
    <ul>
      <li><a href="about.htm">關於我們</a></li>
      <li><a href="contact.htm">聯絡我們</a></li>
       ...
    </ul>
  <h2>所有標題</h2>
   <!-- Text, images, other material making up the main content... -->

參考資源

http://www.w3.org/TR/WCAG-TECHS/H69.html

http://www.w3.org/TR/html401/struct/global.html#h-7.5.5

http://meyerweb.com/eric/thoughts/2004/07/21/pick-a-heading/

http://www.rnib.org.uk/wacblog/headings/quick-tips-for-accessible-headings/

上一頁| 回首頁