bug(mat-table): ChromeVox screen-reader highlights multiple table cells at a time
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
When navigating with screen reader controls only one table cell should be highlighted at a time, however multiple cells are highlighted.
### Reproduction
StackBlitz link: https://stackblitz-starters-fcezcx.stackblitz.io
Steps to reproduce:
1. Once the StackBlitz has loaded, click anywhere within the rendered demo.
2. Activate ChromeVox (CTRL + ALT + z)
3. Have ChromeVox select the table (Shift + Search + t), and you'll see that the first two table headers are highlighted together and the third is highlighted separately.
4. Now navigate around the table (CTRL + ALT + Search + [arrows]), and you'll see that multiple table cells are always highlighted
### Expected Behavior
When navigating around the table, only one table cell at a time should be highlighted by ChromeVox.
### Actual Behavior
Generally, the focused cell is highlighted together with the cell to its immediate right (if there is one). Also, all cells in the same row as the focused cell are highlighted separately.
**Note:** focusing and voicing are correct; it's only the highlighting that's wrong.
### Environment
- Angular: **17.0.8**
- CDK/Material: **17.0.4**
- Browser(s): **Chrome**
- Operating System: **ChromeOS**
コントリビューションガイド
調査の方向性
リンクされた StackBlitz の再現と、ChromeOS での ChromeVox のテーブルナビゲーション手順から始めて、ハイライトの動作を確認します。再現されたデモを基に Angular Material テーブルのアクセシビリティとフォーカス処理を追跡します。完了の条件は、ChromeVox が読み上げ中にフォーカスされたセルだけをハイライトし、音声出力とフォーカスが正しい状態に保たれることです。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- accessibility, frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100