Web Accessibility Checker : Check Details

Element

table

Error Type

Potential

Guidelines

Stanca Act
Requirement 10: Data Table Header Elements Multiple Levels
WCAG 2.0 (Level A)
1.3 Ensure that information and structure can be separated from presentation
Success Criteria 1.3.1 Info and Relationships (A)
WCAG 2.0 (Level AA)
1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
Success Criteria 1.3.1 Info and Relationships (A)
WCAG 2.0 (Level AAA)
1.3 Adaptable: Create content that can be presented in different ways without losing information or structure.
Success 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>