vuejs/docs

aria-labelledby example with id and components

クローズ

#1,510 opened on 2022/02/10

GitHub で見る
 (1 件のコメント) (0 件のリアクション) (0 人の担当者)Vue (5,040 件のフォーク)user submission
good first issue

Repository metrics

Stars
 (3,231 個のスター)
PR merge metrics
 (平均マージ 54d 19h) (30d で 13 merged PRs)

説明

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
Issue 種別
ドキュメント
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
古い
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
basic Vue component knowledgeunderstanding of ARIA attributes
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
85