Coding Tables
WCAG 1.3.1 Info and Relationships

Tables should only be used for data and marked-up appropriately with the proper <th> tags. Tables should not be used for layout. If tables are used for layout, it is best practice to add the role="presentation" attribute to the <table> tag. By doing so, screen readers will ignore all table semantics. If a table that is being used for layout has any <th> tags, it is a violation. If a table that is being used for data is missing appropriate <th> tags, it is a violation. It is best practice to add the appropriate scope attribute to all <th> tags.

How To Assess

Examples of Code that Violates and Fails

 <table>
  <tr class="tableth">
    <td align="center" bgcolor="#000000" class="tableth">Name</td>
    <td align="center" bgcolor="#000000" class="tableth">Phone#</td>
    <td align="center" bgcolor="#000000" class="tableth">Fax#</td>
    <td align="center" bgcolor="#000000" class="tableth">City</td>
  </tr><tr>
    <td align="center" bgcolor="#000000" class="tableth">Joel Garner</td>
    <td>412-212-5421</td>
    <td>412-212-5400</td>
    <td>Pittsburgh</td>
  </tr><tr>
    <td align="center" bgcolor="#000000" class="tableth">Clive Lloyd</td>
    <td>410-306-1420</td>
    <td>410-306-5400</td>
    <td>Baltimore</td>
  </tr><tr>
    <td align="center" bgcolor="#000000" class="tableth">Gordon Greenidge</td>
    <td>281-564-6720</td>
    <td>281-511-6600</td>
    <td>Houston</td>
  </tr>
</table>
Name Phone# Fax# City
Joel Garner 412-212-5421 412-212-5400 Pittsburgh
Clive Lloyd 410-306-1420 410-306-5400 Baltimore
Gordon Greenidge 281-564-6720 281-511-6600 Houston

Examples of Code that Satisfies WCAG (WCAG Techniques)

 <table>
  <caption>Contact Information</caption>
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Phone#</th>
    <th scope="col">Fax#</th>
    <th scope="col">City</th>
  </tr><tr>
    <th scope="row">Joel Garner</th>
    <td>412-212-5421</td>
    <td>412-212-5400</td>
    <td>Pittsburgh</td>
  </tr><tr>
    <th scope="row">Clive Lloyd</th>
    <td>410-306-1420</td>
    <td>410-306-5400</td>
    <td>Baltimore</td>
  </tr><tr>
    <th scope="row">Gordon Greenidge</th>
    <td>281-564-6720</td>
    <td>281-511-6600</td>
    <td>Houston</td>
  </tr>
</table>
Contact Information
Name Phone# Fax# City
Joel Garner 412-212-5421 412-212-5400 Pittsburgh
Clive Lloyd 410-306-1420 410-306-5400 Baltimore
Gordon Greenidge 281-564-6720 281-511-6600 Houston

Home