Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lack of accessible menu structure information #44

Open
IK-Ngoo opened this issue Aug 20, 2024 · 0 comments
Open

Lack of accessible menu structure information #44

IK-Ngoo opened this issue Aug 20, 2024 · 0 comments

Comments

@IK-Ngoo
Copy link
Contributor

IK-Ngoo commented Aug 20, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant