Creating Accessible Data Tables This article demonstrates how to
code accessible data tables in (X)HTML, enabling visually
impaired users who employ assistive technologies to interpret
the table data. Two views of a tabular data table are presented
and discussed. - Source Markup - Vertical View: the table markup
as written in a source code/text editor - Source Markup - Linear
View: the table markup as an assistive device will interpret it
Source Markup: Vertical View This is how accessible data table
markup appears when written in a text editor. Each element must
be correctly opened, closed, and correctly nested. <table
summary="contains accessible tablular data"> <caption>Accessible
Data Table</caption> <thead> <tr> <th scope="col">Column 1</th>
<th scope="col">Column 2</th> <th scope="col">Column 3</th>
</tr> </thead> <tfoot><tr><td colspan="3">End
table</td></tr></tfoot> <tbody> <tr> <th scope="row">Row A</th>
<td>data</td> <td>data</td> </tr> <tr> <th scope="row">Row
B</th> <td>data</td> <td>data</td> </t