Element

table

Error Type

Potential

Guidelines

  • Stanca Act
    Guideline GroupRequirement 10: Data Table Header Elements Multiple Levels
  • WCAG 2.0 (Level A)
    Guideline Group1.3 Ensure that information and structure can be separated from presentation
    Guideline SubgroupSuccess Criteria 1.3.1 Info and Relationships (A)
  • WCAG 2.0 (Level AA)
    Guideline Group1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
    Guideline SubgroupSuccess Criteria 1.3.1 Info and Relationships (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group1.3 Adaptable: Create content that can be presented in different ways without losing information or structure.
    Guideline SubgroupSuccess Criteria 1.3.1 Info and Relationships (A)

Requirement

Use thead to group repeated table headers, tfoot for repeated table footers, and tbody for other groups of rows.

Error

Table may require thead, tfoot and tbody elements to group repeated table row structures.

Short Description

TODO: Describe the use and benefits of row structure elements. Clearly explain when it is a good idea to use these.

How To Determine

Question Does this data table require thead, tfoot or tbody elements to group repeated table row structures?
PASS Table does not require thead, tfoot or tbody elements to group repeated table row structures.
FAIL Table does requires thead, tfoot or tbody elements to group repeated table row structures.

Steps To Check

Procedure

1. View the table and determine if thead, tfoot and tbody elements are required to group table row structures.

Expected Result

1. thead, tfoot and tbody elements are used to group repeated table row structures.

Failed Result

1. Add thead, tfoot and tbody elements to group repeated table row structures.

Examples

Pass Examples

Data table contains markup to group repeated header markup.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile 230-1 Positive</title>
</head>
<body>

<table border="1" summary="cups of coffee consumed by city politicians">
<thead>
<tr><th>name</th><th>number of cups</th><th>type</th><th>with sugar</th></tr>
</thead>
<tbody>
<tr><td>Adams, Willie</td><td>2</td><td>regular</td><td>sugar</td></tr>
<tr><td>Bacon, Lise</td><td>4</td><td>regular</td><td>no sugar</td></tr>
<tr><td>Chaput, Maria</td><td>1</td><td>decaf</td><td>sugar</td></tr>
<tr><td>Di Nino, Consiglio</td><td>0</td><td>not applicable</td><td>not applicable</td></tr>
<tr><td>Eggleton, Art</td><td>6</td><td>regular</td><td>no sugar</td></tr>
</tbody>
</table>

</body>
</html>

Fail Examples

Data table does not contain any markup to group repeated header markup.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile 230-1 Positive</title>
</head>
<body>

<table border="1" summary="cups of coffee consumed by city politicians">
<tr><th>name</th><th>number of cups</th><th>type</th><th>with sugar</th></tr>
<tr><td>Adams, Willie</td><td>2</td><td>regular</td><td>sugar</td></tr>
<tr><td>Bacon, Lise</td><td>4</td><td>regular</td><td>no sugar</td></tr>
<tr><td>Chaput, Maria</td><td>1</td><td>decaf</td><td>sugar</td></tr>
<tr><td>Di Nino, Consiglio</td><td>0</td><td>not applicable</td><td>not applicable</td></tr>
<tr><td>Eggleton, Art</td><td>6</td><td>regular</td><td>no sugar</td></tr>
</table>

</body>
</html>

English | German | Italiano


Web site engine's code is copyright © 2011
Inclusive Design Institute
Web Service API