HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ariaColCount read</title>
</head>
<body>
  <table id="semantic-table" role="table" aria-label="Semantic Elements"
    aria-rowcount="100" aria-colcount="2">
    <caption>Semantic Elements</caption>
    <thead role="rowgroup">
      <tr role="row">
        <th role="columnheader">ARIA Role</th>
        <th role="columnheader">Semantic Element</th>
      </tr>
    </thead>
    <tbody role="rowgroup">
      <tr role="row">
        <td role="cell">header</td>
        <td role="cell">h1</td>
      </tr>
    </tbody>
  </table>
  <pre id="out"></pre>
  <script>
    document.getElementById("out").textContent =
      String(document.getElementById("semantic-table").ariaColCount);
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Element.ariaColCount — read (Try It)