NEW 235740
AX: Incorrect row header announcement in VoiceOver macOS
http://bugs.webkit.org/show_bug.cgi?id=235740
Summary AX: Incorrect row header announcement in VoiceOver macOS
Adrian Roselli
Reported 2022-01-27 15:13:06 PST
Created attachment 450186 [details] VoiceOver navigating the table, green arrows indicate the cells with incorrect header information. Example URL: http://cdpn.io/aardrian/debug/bGoeqdR Steps to reproduce the problem: 1. Open Safari. 2. Go to http://cdpn.io/aardrian/debug/bGoeqdR 3. Navigate to any of the first 6 tables. 4. Navigate down any column in the first three rows. 5. Observe how the row header is announced versus what is visible on screen. What is the expected behavior? I should hear the row header for the cells in the column. What went wrong? I hear the row header from the spanning cells at the bottom of the table or no row header at all. Does this work in other browsers? Yes; confirmed to work correctly in Chrome. More detail: In the table, the first three (product) rows each have a row header (`<th>`). The first product row (second table row) uses the second spanning row header at the bottom of the table. The second product row (third table row) uses the third spanning row header at the bottom of the table. The third product row (fourth table row) announces no row header. See attached video for example. Looking at the first product row in the _Unit Price_ column... What VO should announce: "Row 2 of 7, Pudding, $1.00" What VO announces: "Row 2 of 7, Shipping, $1.00" Code from video example: ``` <table> <caption>Description Column</caption> <tr> <th>SKU</th> <th id="dh1">Description</th> <th>Unit Price</th> <th>Quantity</th> <th>Total</th> </tr> <tr> <td>123456</td> <th>Pudding</th> <td>$1.00</td> <td>240</td> <td>$ 240.00</td> </tr> <tr> <td>987654</td> <th>A new set of steak knives</th> <td>$90.00</td> <td>½</td> <td>$ 45.00</td> </tr> <tr> <td>456789</td> <th>Sand</th> <td>$5.00</td> <td>200</td> <td>$ 1,000.00</td> </tr> <tr> <th colspan="4" scope="row" headers="dh1">Sub-Total</th> <td>$ 1,525.00</td> </tr> <tr> <th colspan="4" scope="row" headers="dh1">Shipping</th> <td>FREE</td> </tr> <tr> <th colspan="4" scope="row" headers="dh1">Grand Total</th> <td>$ 1,525.00</td> </tr> </table> ``` Possibly related issue: Row and column headers not exposed by WebCore accessibility http://bugs.webkit.org/show_bug.cgi?id=79080
Attachments
VoiceOver navigating the table, green arrows indicate the cells with incorrect header information. (930.41 KB, video/mp4)
2022-01-27 15:13 PST, Adrian Roselli
no flags
Radar WebKit Bug Importer
Comment 1 2022-01-27 16:17:03 PST
Note You need to log in before you can comment on or make changes to this bug.