| <!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:cellIds* |
| @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> |