Skip to content

Instantly share code, notes, and snippets.

@powrsurg
Last active August 29, 2015 14:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save powrsurg/8443a7a86bc79204e527 to your computer and use it in GitHub Desktop.
Save powrsurg/8443a7a86bc79204e527 to your computer and use it in GitHub Desktop.
<table>
<caption>We would like the table headers to be read by screen readers but not shown to users</caption>
<thead>
<tr>
<th></th>
<th id="course_title">Course Title</th>
<th id="course_date">Course Date</th>
<th id="course_status">Course Status</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2"><img src="https://avatars0.githubusercontent.com/u/190563?v=3&s=40" alt="Really should be an image for the course" /></td>
<td colspan="3" headers="course_title">Learning blank</td>
</tr>
<tr>
<td headers="couse_date">August 1st, 2015</td>
<td headers="course_status" colspan="2">Pass / Fail</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="2"><img src="https://avatars0.githubusercontent.com/u/190563?v=3&s=40" alt="Really should be an image for the course" /></td>
<td colspan="3" headers="course_title">Learning Something else</td>
</tr>
<tr>
<td headers="couse_date">August 2nd, 2015</td>
<td headers="course_status" colspan="2">Complete</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment