vuejs/docs

aria-labelledby example with id and components

Fermée

#1 510 ouverte le 10 févr. 2022

Voir sur GitHub
 (1 commentaire) (0 réaction) (0 personne assignée)Vue (5 042 forks)user submission
good first issue

Métriques du dépôt

Stars
 (3 232 étoiles)
Métriques de merge PR
 (Merge moyen 54j 19h) (13 PRs mergées en 30 j)

Description

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.

Guide contributeur

Direction de recherche
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.
Stack technique
vuehtmlcss
Domaine
documentationaccessibility
Type d'issue
Documentation
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Ancienne
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
basic Vue component knowledgeunderstanding of ARIA attributes
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85