angular / angular/components

bug(mat-table): ChromeVox screen-reader highlights multiple table cells at a time

オープン
#28,347 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
Accessibility area: material/table P3
主要言語
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。