aria-labelledby example with id and components · vuejs/docs#1510

(1 comment) (0 reactions) (0 assignees)Vue (3,223 stars) (5,029 forks)user submission

good first issue

説明

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.

コントリビューターガイド

技術スタック: vuehtmlcss
領域: documentationaccessibility
Issue 種別: documentation
難度: 2
推定時間: 1-3 hours
活動状況: stale
明確さ: clear
前提条件: basic Vue component knowledgeunderstanding of ARIA attributes
初心者向け度: 85
調査方針: 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.