palantir/blueprint

Blueprint table elements do not use correct roles

Open

#6,224 建立於 2023年6月14日

在 GitHub 查看
 (0 留言) (0 反應) (0 負責人)TypeScript (2,167 fork)batch import
Domain: accessibilityP1Package: tableType: enhancementhelp wanted

倉庫指標

Star
 (20,263 star)
PR 合併指標
 (平均合併 43天 10小時) (30 天內合併 27 個 PR)

描述

You can use VoiceOver on Mac on https://blueprintjs.com/docs/#table/features to trivially see this - the elements don't correctly declare e.g. table, row, cell, etc. roles so that the screenreader is unable to correctly read each row. Instead, each cell gets read one at a time

貢獻者指南

研究方向
檢查 Blueprint Table 元件原始碼（可能在 `packages/table/src/` 中）。問題描述指出列和儲存格缺少正確的 `table`、`row` 和 `cell` ARIA 角色。查看 `<Table>` 如何渲染其內部元素（例如在 `tableBody.tsx` 或類似檔案中），並新增必要的角色。使用 macOS 上的 VoiceOver 測試修復，確保每列都能被正確朗讀。請參考問題描述和 Blueprint 無障礙文件以取得指引。
技術棧
typescriptreact
領域
frontendaccessibility
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
半天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
ARIA rolesReact
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65