Web Accessibility Checker : Check Details

Element

table

Error Type

Potential

Guidelines

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

All data table summaries describe navigation and structure of the table.

Error

Data table summary may not describe navigation and structure of the table.

Short Description

The table summary can't be garbage text.

How To Determine

Question	Does this summary describe navigation and structure of the table?
PASS	Summary describes navigation and structure of the table.
FAIL	Summary does not describe navigation and structure of the table.

Steps To Check

Procedure

1. Check the contents of the summary attribute for each data table.
2. Determine if the summary describes navigation and structure of the table.

Expected Result

1. All data table summaries describe navigation and structure of the table.

Failed Result

1. Modify the table summary so it describes navigation and structure of the table.

Examples

Pass Examples

Data table summary describes navigation and structure of the table.

<?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 - Check #203.2 - Negative</title>
</head>
<body>

<table border="1" summary="Schedule for Route 7 going downtown. Service begins 
at 4:00 AM and ends at midnight. Intersections are listed in the top row. 
Find the intersection closest to your starting point or destination, then read 
down that column to find out what time the bus leaves that intersection.">
<tr>
<th scope="col">State & First</th>
<th scope="col">State & Sixth</th>
<th scope="col">State & Fifteenth</th>
<th scope="col">Fifteenth & Morrison</th>
</tr>
<td>4:00</td>
<td>4:05</td>
<td>4:11</td>
<td>4:19</td>
</tr>
</tr>
<td>5:00</td>
<td>5:05</td>
<td>5:11</td>
<td>5:19</td>
</tr>
</tr>
<td>6:00</td>
<td>6:05</td>
<td>6:11</td>
<td>6:19</td>
</tr>
</table>

</body>
</html>

Fail Examples

Data table summary does not describe navigation and structure of the table.

<?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 - Check #203.1 - Positive</title>
</head>
<body>

<table border="1" summary="bus schedule">
<tr>
<th scope="col">State & First</th>
<th scope="col">State & Sixth</th>
<th scope="col">State & Fifteenth</th>
<th scope="col">Fifteenth & Morrison</th>
</tr>
<td>4:00</td>
<td>4:05</td>
<td>4:11</td>
<td>4:19</td>
</tr>
</tr>
<td>5:00</td>
<td>5:05</td>
<td>5:11</td>
<td>5:19</td>
</tr>
</tr>
<td>6:00</td>
<td>6:05</td>
<td>6:11</td>
<td>6:19</td>
</tr>
</table>

</body>
</html>