vuetifyjs/vuetify

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

Chiusa

#9956 aperta il 12 dic 2019

Vedi su GitHubGuida contributor
 (0 commenti) (2 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VDataTableT: enhancementgood 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

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

Guida contributor

Direzione di ricerca
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.
Tech stack
vuetypescript
Dominio
frontendaccessibility
Tipo issue
Accessibilità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
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
Vue.jsVuetify table componentARIA attributes
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75