vuetifyjs/vuetify

[Feature Request] Add Aria-labels to VTreeview Buttons

Chiusa

#21.585 aperta il 17 giu 2025

Vedi su GitHubGuida contributor
 (4 commenti) (1 reazione) (0 assegnatari)TypeScript (7139 fork)batch import
C: VTreeviewT: enhancementa11ygood first issue

Metriche repository

Star
 (40.995 stelle)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

Problem to solve

Currently when using a VTreeview component the Expand/collapse button for each node of the Tree simply read by a Screen Reader as "Button" without any context as to what it does when activated.

Proposed solution

Add an aria label based on the current state and node label.

So if you have a tree like:

> Red
V Green
   > Orange

The buttons would read as "Expand Red", "Collapse Green", "Expand Orange"

Guida contributor

Direzione di ricerca
Trova il sorgente del componente VTreeview, identifica il template del pulsante di espansione/collasso e aggiungi un attributo aria label dinamico usando l'etichetta del nodo e lo stato (espanso/collassato).
Tech stack
vuetypescript
Dominio
frontendaccessibility
Tipo issue
Funzionalità
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.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
VueGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80