Spaces used to simulate table layout Accessibility Checkpoint

Description

Using spaces to create multiple columns results in screen readers reading columns in the wrong order.

Help

Use structural markup such as div to create a multi-column effect and table elements for tabular data.

Applicable standards

• WCAG 2.0 F33 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• WCAG 2.1 F33 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• WCAG 2.2 F33 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• Section 508 (2017) F33 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• WCAG 2.0 F34 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• WCAG 2.1 F34 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• WCAG 2.2 F34 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• Section 508 (2017) F34 (Success Criteria: 1.3.1 level A, 1.3.2 level A)
• WCAG 2.0 F48 (Success Criteria: 1.3.1 level A)
• WCAG 2.1 F48 (Success Criteria: 1.3.1 level A)
• WCAG 2.2 F48 (Success Criteria: 1.3.1 level A)
• Section 508 (2017) F48 (Success Criteria: 1.3.1 level A)

Note: Section 508 Refresh (2017) checkpoints are equivalent to WCAG 2.0 level A and level AA checkpoints.

Change history

• 5.37 May 2020 Fixed false positive.
• 5.36 Jan 2020 Improved detection.
• 5.4 Feb 2014 Fixed false positive.
• 3.5 Dec 2009 Don’t fire inside example source code.
• 3.0 Dec 2008 Added.

This page describes a web site issue detected in HTML documents by SortSite Desktop and OnDemand Suite.

Rule ID: AccWcag2-F33-1