跳到主要內容
  • 字級
:::|

2.4.1 GN1240103E 使用結構性組件來將鏈結分群

稽核評量碼

GN1240103E

對應成功準則

2.4.1

對應認證等級

A

對應國際技術碼

H97

類別

General

訊息

使用結構性組件來將鏈結分群

英文訊息

SCR28: Using an expandable and collapsible menu to bypass block of content

ARIA11: Using ARIA landmarks to identify regions of a page

H97: Grouping related links using the nav element

規則說明

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

檢測說明

範例1:檢查每個頁面導覽欄

  1. 檢查每個頁面導覽欄下方是否有分類過後的鏈結。
    檢視分類鏈結示意圖
  2. 使用Google Chrome「檢視原始碼」顯示連結(按下右鍵→檢視原始碼)。
    檢視原始碼

 

範例2:使用結構單一的地標頁面區域

原始碼:

<div id="header" role="banner">A banner image and introductory title</div>
<div id="sitelookup" role="search">....</div>
<div id="nav" role="navigation">...a list of links here ... </div>
<div id="content" role="main"> ... Ottawa is the capital of Canada ...</div>
<div id="rightsideadvert" role="complementary">....an advertisement here...</div>
<div id="footer" role="contentinfo">(c)The Freedom Company, 123 Freedom Way, Helpville, USA</div>

說明