Web Accessibility Checker : Check Details

Element

body

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

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>