Element

table

Error Type

Potential

Guidelines

  • Stanca Act
    Guideline GroupRequirement 13: Layout Table Linearize And Markup
  • 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.3 Sensory Characteristics (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.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>

English | German | Italiano


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