Semantic structure by table (layout-table)

Tables used purely for layout include role="presentation" or are avoided entirely.


Layout table missing role="presentation":

This table is used for layout, but has no role="presentation"


Header 1 Header 2
Content 1 Content 2

The (DOM/programmatic) structure of the above example looks like this:

<table>
<tr>
<td> Header 1 </td>
<td> Header 2 </td>
</tr>
<tr>
<td> Content 1 </td>
<td> Content 2 </td>
</tr>
</table>

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine which tables are only used for layout and ensure that they have proper role attributes indicating this.

axe detected: none  |  QualWeb detected: 1.3.1