An accessible table

table.html

<style type="text/css">
  .hidden-accessible {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
</style>

<table>
  <caption>
  <h4>Latest Forum Activity</h4>
  </caption>
  <thead>
    <tr>
      <th>
        <span class="hidden-accessible">
        Topic
        </span>
      </th>
      <th>
        <span class="hidden-accessible">
        Votes
        </span>
      </th>
      <th>
        <span class="hidden-accessible">
        Posts
        </span>
      </th>
      <th>
        <span class="hidden-accessible">
        Views
        </span>
      </th>
    </tr>
  </thead>
  <tbody>
  <tbody>
</table>