WCAG 2.0 – Examples of Compliant HTML Tables

Below are examples of a WCAG 2.0 compliant simple and a complex HTML table.

Don't forget to replace the table Caption and Summary.

Simple Tables

(skip to Complex Table)

Here is sample source code for creating a Simple HTML table.

Sample of Table Caption
Header 1Header 2
example cellexample cell
example cellexample cell
example cellexample cell
example cellexample cell
Sample TotalSample Total

Source Code for Simple Table

Complex Tables

Here is sample source code for creating a complex HTML table.

Caption of a Complex Table
Header 1Header 2
example cellexample cell
example cellexample cell
Subheader 1Subheader 2
example cellexample cell
example cellexample cell
Sample TotalSample Total

Source Code for Complex Table

Leave a Reply