vuetifyjs/vuetify

[Feature Request] Add Aria-labels to VTreeview Buttons

Fechada

#21.585 aberto em 17 de jun. de 2025

Ver no GitHubGuia do colaborador
 (4 comentários) (1 reação) (0 responsável)TypeScript (7.139 forks)batch import
C: VTreeviewT: enhancementa11ygood first issue

Métricas do repositório

Stars
 (40.995 estrelas)
Métricas de merge de PR
 (Mesclagem média 59d 10h) (8 fundiu PRs em 30d)

Description

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"

Guia do colaborador

Direção de pesquisa
Localize o código fonte do componente VTreeview, identifique o template do botão de expandir/recolher e adicione um atributo aria label dinâmico usando o rótulo do nó e o estado (expandido/recolhido).
Pilha de tecnologia
vuetypescript
Domain
frontendaccessibility
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
VueGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80