Element

table

Error Type

Potential

Guidelines

  • BITV 1.0 (Level 2)
    Guideline GroupLevel 1
    Guideline Subgroup5.1 For data tables, identify row and column headers.
  • Section 508
    Guideline GroupG - row/column headers for data tables
  • Stanca Act
    Guideline GroupRequirement 9: Data Table Header Elements
  • WCAG 1.0 (Level A)
    Guideline GroupPriority 1
    Guideline Subgroup5.1 For data tables, identify row and column headers.
  • WCAG 1.0 (Level AA)
    Guideline GroupPriority 1
    Guideline Subgroup5.1 For data tables, identify row and column headers.
  • WCAG 1.0 (Level AAA)
    Guideline GroupPriority 1
    Guideline Subgroup5.1 For data tables, identify row and column headers.
  • 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 tables contain th elements.

Error

Data table may require th elements.

Short Description

Data tables must have th elements while layout tables can not have th elements.

How To Determine

Question Is this a data table (and use of th is appropriate)?
PASS This is a data table (and use of th is appropriate).
FAIL This is a layout table (and use of th is not appropriate appropriate).

Steps To Check

Procedure

1. Check each data table and determine if it contains th elements.
2. Note: This table has been identified as a layout table because it does not contain th elements. If this is a data table then add th elements to the table

Expected Result

1. All data tables contain at least one row or column of th elements.

Failed Result

1. Create a row or column of headers using the th element.

Examples

Pass Examples

Data table with th elements.
<?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 #136-2 - Negative</title>
</head>
<body>

<table border="1">
<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

Data table without th elements.
<?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 #136-1 - Positive</title>
</head>
<body>

<table border="1">
<tr><td>name</td><td>number of cups</td><td>type</td><td>with sugar</td></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>

English | German | Italiano


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