Rule LAYOUT-1
Use CSS properties instead of tables and nested tables to visually layout of content.

Description

Best Practice Type: Pass/Fail/Warning

Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings.
CSS based layout designs support a wider range of rendering technologies (interoperability) than table based designs.
People with disabilities use a wider range of technologies than the general population to access the web and the use of CSS helps insure that their technologies will be compatible with the page.

Notes

  • Pass: No tables or no nested table markup
  • Warning: One level of nesting
  • Fail: Two or more levels of nesting

Markup

table (HTML4)

table[summary] (HTML4)

table[th] (HTML4)

float (CSS2.1)

clear (CSS2.1)

width (CSS2.1)

Associated Accessibility Guidelines and Standards

Guideline or
Standard
Requirement Priority Test
Type
IITAA 17.1 When using tables for layout, ensure that reading order is logical. Required Violation
Section 508 none none
WCAG 1.0 5.3 Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version). Required Violation
WCAG 2.0 1.3.2 Meaningful Sequence Required Violation

Examples

Evaluation Techniues

none

Testsuite Tests

none