Element

table

Error Type

Potential

Guidelines

  • Stanca Act
    Guideline GroupRequirement 10: Data Table Header Elements Multiple Levels
  • 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

Use colgroup and col elements to group columns.

Error

Table may require colgroup and col elements to group table columns.

Short Description

TODO: Describe the use and benefits of row structure elements. Clearly explain when it is a good idea to use these.

How To Determine

Question Does this data table require colgroup or col elements to group table column structures?
PASS Table does not require colgroup or col elements to group table column structures.
FAIL Table requires colgroup or col elements to group table column structures.

Steps To Check

Procedure

1. View the table and determine if colgroup or col elements are required to group table column structures.

Expected Result

1. colgroup and col elements are used to group table column structures.

Failed Result

1. Add colgroup and col elements to group table column structures.

Examples

Pass Examples

Data table contains markup to group column structures.
<?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 231-1 Positive</title>
</head>
<body>

<p>From the WCAG 2.0 HTML techniques: "Describe the use and benefits of column structure elements. Much of this may be theoretical."</p>

</body>
</html>

Fail Examples

Data table does not contain any markup to group column structures.
<?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 231-1 Positive</title>
</head>
<body>

<p>From the WCAG 2.0 HTML techniques: "Describe the use and benefits of column structure elements. Much of this may be theoretical."</p>

<table border="1" summary="cups of coffee consumed by city politicians">
<thead>
<tr><th>name</th><th>number of cups</th><th>type</th><th>with sugar</th></tr>
</thead>
<tbody>
<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>
</tbody>
</table>

</body>
</html>

English | German | Italiano


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