vuetifyjs/vuetify

[Feature Request] Add Aria-labels to VTreeview Buttons

Geschlossen

#21.585 geöffnet am 17.06.2025

Auf GitHub ansehenContributor Guide
 (4 Kommentare) (1 Reaktion) (0 zugewiesene Personen)TypeScript (7.139 Forks)batch import
C: VTreeviewT: enhancementa11ygood first issue

Repository-Metriken

Stars
 (40.995 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 59T 10h) (8 gemergte PRs in 30 T)

Beschreibung

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"

Contributor Guide

Research-Richtung
Finde den Quellcode des VTreeview Komponenten, identifiziere die Expandier /Kollabieren Schaltflächenvorlage und füge ein dynamisches aria label Attribut unter Verwendung des Knotenlabels und des Zustands (erweitert/kollabiert) hinzu.
Tech Stack
vuetypescript
Domain
frontendaccessibility
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
VueGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80