vuejs/docs

aria-labelledby example with id and components

已关闭

#1,510 创建于 2022年2月10日

在 GitHub 查看
 (1 条评论) (0 个反应) (0 位负责人)Vue (5,040 个派生)user submission
good first issue

仓库指标

星标
 (3,230 个星标)
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