Root cause
landmark 元件 banner 區域中的全站導覽列,未處理前選單實作結構為 nav > a。
將造成:
- 使用 NVDA 測試,聚焦到導覽列時,無法報讀出「清單 共 n 項」這類結構資訊。
Reference
html
|
<nav aria-label="主要" class="flex gap4 mt4"> |
|
<a href="#">首頁</a> |
|
<a href="#">關於我們</a> |
|
</nav> |
Possible solution
改為參考 WAI APG pattern 實作結構,例如 nav > ul > li > a。
Root cause
landmark 元件 banner 區域中的全站導覽列,未處理前選單實作結構為
nav>a。將造成:
Reference
html
guide/_components/landmark/one-column.html
Lines 12 to 15 in c864a32
Possible solution
改為參考 WAI APG pattern 實作結構,例如
nav>ul>li>a。