vuetifyjs/vuetify

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

已關閉

#9,956 建立於 2019年12月12日

在 GitHub 查看貢獻者指南
 (0 則留言) (2 個反應) (0 位負責人)TypeScript (7,139 個分叉)batch import
C: VDataTableT: enhancementgood first issue

倉庫指標

星標
 (40,995 顆星)
PR 合併指標
 (平均合併 59天 10小時) (30 天內合併 8 個 PR)

描述

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

貢獻者指南

研究方向
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.
技術棧
vuetypescript
領域
frontendaccessibility
議題類型
無障礙
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1 小時以內
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
較久未更新
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
Vue.jsVuetify table componentARIA attributes
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
75