Tables
Tables
Related to success criteria
Design guide
Writing
A table is a mechanism for dividing tabular data into rows and columns.
Table elements are <table>, <th>, <td>.
Additional related table elements include <caption>, <thead>, <tbody>, <tfoot>, <col>, and <colgroup>
Notice: The summary attribute is deprecated in HTML5, see alternatives: https://www.w3.org/TR/html5/tabular-data.html#table-descriptions-techniques
When using tables:
-
Ensure table markup is used for data tables
-
Avoid layout only tables, use CSS instead (Recommended).
-
Supplement colour usage (that conveys meaning) with equivalent text.
-
Associate
<td>data cells to one or more<th>header cells for non-simple tables. Table Usability (to be updated)
Note: A simple table is one where all cells span exactly one row and one column, and all <th> header cells appear in the first row and/or column.
- Date modified: