Access 5.3.1.1

From Htmlpedia
Jump to: navigation, search

Access: [5.3.1.1]: verify layout tables linearize properly (Priority 2)

Cause:

If tables are used for layout purposes ensure the content remains intelligible when the table is linearized (i.e. the content is converted into standard paragraphs). When tables are used to present text in word-wrapped, parallel columns the information may become jumbled when rendered by a screen reader.

Example:

Bad
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>aert1.0/5.3.1</title>
</head>
<body>
<table summary="This layout table should make sense when linearized">
	<caption>Does this layout table make sense when linearized?</caption>

	<tr>
		<td>Here is some text that is in a column.</td><td>Here is some more text that is also in a column.</td>
	</tr>
</table>
</body>
</html>

Solution:

References: