vuejs/docs

aria-labelledby example with id and components

Chiusa

#1510 aperta il 10 feb 2022

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)Vue (5040 fork)user submission
good first issue

Metriche repository

Star
 (3230 stelle)
Metriche merge PR
 (Merge medio 54g 19h) (13 PR mergiate in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
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.
Tech stack
vuehtmlcss
Dominio
documentationaccessibility
Tipo issue
Documentazione
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
basic Vue component knowledgeunderstanding of ARIA attributes
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85