table-column-hidden.html | Explore in Territory

<!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>
chromium/content/test/data/accessibility/aria/table-column-hidden.html
