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

2.4.1 HM1240102C 以導覽標籤將相關鏈結組件做分群

檢測碼

HM1240102C

對應成功準則

2.4.1

對應認證等級

A

對應國際技術碼

H97

類別

General

訊息

以導覽標籤將相關鏈結組件做分群

英文訊息

H97: Grouping related links using the nav element

規則說明

如果多個導覽連結(navigation links)存在,以<nav>標籤將其適當分組,通過檢測,否則檢測失敗。

範例

範例1:使用<nav>標籤將可訪問性的導航鏈結分組
原始碼:
<nav>
    <a href="../webaccessibility.html">Web Accessibility</a>
    <a href="../docaccessibility.html">Document Accessibility</a>
    <a href="../mobileaccessibility.html">Mobile Accessibility</a>
</nav>

 

範例2:在多組<nav>標籤中以aria-label屬性幫助語音識別
原始碼:
<nav aria-label="Site menu">
    <ul>
        <li>...a list of links site navigation link here ...</li>
    </ul>
</nav>
...
<article>
    <nav aria-label="Related links">
        ...a list of related links here ...
    </nav>
</article>

說明

範例1:使用<nav>標籤將可訪問性的導航鏈結分組
內容中有一連串的<a>標籤鏈結組件,此範例中使用<nav>標籤將鏈結群組。

 

範例2:在多組<nav>標籤中以aria-label屬性幫助語音識別
使用aria-label屬性的導覽標籤協助,將文檔中存在多個導航標籤予以區別。