Web Accessibility Checker : Check Details

Element

table

Error Type

Potential

Guidelines

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

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>