vuejs/docs

aria-labelledby example with id and components

已關閉

#1,510 建立於 2022年2月10日

在 GitHub 查看
 (1 則留言) (0 個反應) (0 位負責人)Vue (5,042 個分叉)user submission
good first issue

倉庫指標

星標
 (3,232 顆星)
PR 合併指標
 (平均合併 54天 19小時) (30 天內合併 13 個 PR)

描述

The documentation at https://v3.vuejs.org/guide/a11y-semantics.html#labels shows using aria-labelledby however with Vue Components that breaks down as id is global within the page rather than local in scope to your component. I feel the documentation could do this a more vue way allowing components to be re-used multiple times within the page while still doing aria-labelledby.

For example something like https://github.com/vuejs/vue/issues/5886#issuecomment-308607131 works well.

貢獻者指南

研究方向
Examine the current documentation at https://v3.vuejs.org/guide/a11y semantics.html#labels. Review the linked comment https://github.com/vuejs/vue/issues/5886#issuecomment 308607131 for a recommended approach. Update the example to use a method that generates unique IDs or uses a different pattern, and ensure components can be reused multiple times. The fix is localized to that specific section.
技術棧
vuehtmlcss
領域
documentationaccessibility
議題類型
文件
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 小時
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
較久未更新
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
basic Vue component knowledgeunderstanding of ARIA attributes
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
85