Element

table

Error Type

Potential

Guidelines

  • 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

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>

English | German | Italiano


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