1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
content / test / data / accessibility / aria / table-column-hidden.html [blame]
<!DOCTYPE html>
<!--
@WAIT-FOR:done
@WIN-ALLOW:colcount*
@WIN-ALLOW:colindex*
@WIN-ALLOW:rowcount*
@WIN-ALLOW:rowindex*
@MAC-ALLOW:AXARIAColumnCount
@MAC-ALLOW:AXARIAColumnIndex
@MAC-ALLOW:AXARIARowCount
@MAC-ALLOW:AXARIARowIndex
@BLINK-ALLOW:*ColumnCount*
@BLINK-ALLOW:ariaCellColumnIndex*
@BLINK-ALLOW:*RowCount*
@BLINK-ALLOW:ariaCellRowIndex*
-->
<!-- For compatibility with earlier versions of Jaws, We do not expose
aria-row/colcount and aria-row/colindex information if they match the
physical coordinates of the table. -->
<table role="grid" aria-rowcount="4" aria-colcount="5">
<tbody><tr>
<th aria-rowindex="2" aria-colindex="2">Month</th>
<th aria-rowindex="2" aria-colindex="3">Day</th>
<th aria-rowindex="2" aria-colindex="4">Year</th>
<th aria-rowindex="2" aria-colindex="5">Weather</th>
</tr>
<tr>
<td role="gridcell" tabindex="0" aria-rowindex="3" aria-colindex="2">January</td>
<td role="gridcell" tabindex="-1" aria-rowindex="3" aria-colindex="3">01</td>
<td role="gridcell" tabindex="-1" aria-rowindex="3" aria-colindex="4">2017</td>
<td role="gridcell" tabindex="-1" aria-rowindex="3" aria-colindex="5">Sunny</td>
</tr>
<tr>
<td role="gridcell" tabindex="0" aria-rowindex="4" aria-colindex="2">January</td>
<td role="gridcell" tabindex="-1" aria-rowindex="4" aria-colindex="3">02</td>
<td role="gridcell" tabindex="-1" aria-rowindex="4" aria-colindex="4">2017</td>
<td role="gridcell" tabindex="-1" aria-rowindex="4" aria-colindex="5">Rainy</td>
</tr>
</tbody>
</table>
<p></p>
<script>
// Hide the year column.
let cells = document.querySelectorAll('[aria-colindex="4"]');
for (let cell of cells) {
cell.style.display = 'none';
}
document.querySelector('p').textContent = 'done';
</script>