Element

body

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

Table markup is used for all tabular information.

Error

Tabular information may be missing table markup.

Short Description

The objective of this technique is to present tabular information in a way that preserves relationships within the information even when users cannot see the table or the presentation format is changed.

How To Determine

Question Is table markup used for all tabular information?
PASS Table markup is used for all tabular information.
FAIL Table markup is not used for all tabular information.

Steps To Check

Procedure

1. Check the text content of the document.
2. Check for any information that is presented in a tabular manner.
3. Unstructured tabular information is detected where multiple tab spaces, or multiple pipe characters are found in a single line.

Expected Result

1. Table markup is used for all tabular information.

Failed Result

1. Tabular information is presented using more than one Tab or more than one pipe character in a single line to separate data cells.
2. Add table markup (table, tr, th, and td ) to all tabular information.

Examples

Pass Examples

Table markup is used for tabular information.
<?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 #241.2 - Negative</title>
</head>
<body>
<table border="1" summary="This table shows the number of cups of coffee consumed by each senator, the type of coffee (decaf or regular), and whether taken with sugar.">

<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>

Fail Examples

Table markup is not used for tabular information.
<?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 #241.1 - Positive</title>
</head>
<body>

<p>
<pre>
name           number of cups   type   with sugar
Adams, Willie      2          regular     sugar
Bacon, Lise        4          regular     no sugar
Chaput, Maria      1          decaf       sugar
Di Nino, Consiglio 0          n/a         n/a
Eggleton, Art      6          regular     no sugar 
</pre>
</p>

</body>
</html>

English | German | Italiano


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