Skip to content

Lack of accessible menu structure information #44

@IK-Ngoo

Description

@IK-Ngoo

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions