vuetifyjs/vuetify

[Feature Request] Table Select Checkboxes dont have labels by default

Fechada

#9.956 aberto em 12 de dez. de 2019

Ver no GitHubGuia do colaborador
 (0 comentário) (2 reações) (0 responsável)TypeScript (7.139 forks)batch import
C: VDataTableT: enhancementgood 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

When having a select checkbox for the tables the following happens by default

  • checkboxes get created (they have a label attached to it but no aria-label or aria-labelledby)
  • header checkbox doesnt have a label

Proposed solution

  • add to the header of the table select a label and aria-label prop that can be editable
  • at times the checkbox might not need to have the label displayed so aria-label should be the one that does the trick from an accessibility point of view

Guia do colaborador

Direção de pesquisa
Investigate the Vuetify table component (likely in VDataTable or VSimpleTable) to find where header checkboxes are rendered. Look for existing `label` and `aria label` props on other components for pattern. Add similar props to the header checkbox, ensuring the `aria label` is used when no visible label is present.
Pilha de tecnologia
vuetypescript
Domain
frontendaccessibility
Tipo Issue
Acessibilidade
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.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Vue.jsVuetify table componentARIA attributes
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75