Web Accessibility Checker : Check Details

Element

table

Error Type

Potential

Guidelines

Stanca Act
Requirement 13: Layout Table Linearize And Markup
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.3 Sensory Characteristics (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.3 Sensory Characteristics (A)

Requirement

All layout tables make sense when linearized.

Error

Layout table may not linearize.

Short Description

This error is generated for all layout tables. If the table contains th elements then it is a data table. If the table does not contain th elements then it is a layout table.

How To Determine

Question	Does this `table` make sense when linearized?
PASS	`table` makes sense when linearized.
FAIL	`table` does not make sense when linearized.

Steps To Check

Procedure

1. Check each layout table in the document.
2. View the table cells in order starting at the top left corner and work row by row to the bottom right corner.
3. Check if the table cells make sense when viewed one at a time in order.

Expected Result

1. All layout tables make sense when linearized.

Failed Result

1. Modify the table so it makes sense when linearized.

Examples

Pass Examples

Layout table makes sense when linearized.

<?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 #133.2 - Negative</title>
</head>
<body>

<table>
<tr>
  <td colspan="2"><img src="logo.gif" alt="XYZ mountaineering"/></td>
</tr>
<tr>
  <td>XYZ gets you to the</td>
  <td>top!</td>
</tr>
</table>

</body>
</html>

Fail Examples

layout table does not make sense when linearized.

<?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 #133.1 - Positive</title>
</head>
<body>

<table>
<tr>
  <td><img src="logo.gif" alt="XYZ mountaineering"/></td>
  <td>top!</td>
</tr>
<tr>
  <td colspan="2">XYZ gets you to the</td>
</tr>
</table>

</body>
</html>