Test Case sc1.3.2_l1_004: Table structure does not help understanding of text and translation due to CSS positioning

Formal Metadata

Formal Metadata
TitleTable structure does not help understanding of text and translation due to CSS positioning
DescriptionThis is a test case the sequence in which content can be arranged in a page. In this test, an excerpt from Shakespeare's Henry V and its German translation are juxtaposed in a table, and each speech is in a separate table cell, so that the sequence is: English speech, German translation, English speech, German translation, etcetera. However, the CSS stylesheet switches the English text and the German translation, but not the column headings. (In a browser with good CSS support, the columns with the text and translation are transposed. In Internet Explorer 6 and earlier, this effect does not work as intended.)
CreatorBenToWeb (christophe.strobbe@…)
RightsCopyright BenToWeb 2005-2007
LanguageEnglish
Date2005-09-01
Statusaccepted for end user evaluation

Technologies and Features

Technologies are markup languages or data formats. If the technology is a markup language, “features” refers to elements and attributes.

XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)

XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)

Feature: table (namespace: http://www.w3.org/1999/xhtml) .

Technical specification: The table element .

Cascading Style Sheets, level 2: CSS2 Specification

Cascading Style Sheets, level 2: CSS2 Specification

Test Data

Purpose

This test case is intended to fail because the stylesheet mixes up the sequence of the content.

Test Modes

Accessibility expert.

Test Files

Test file.

TCDL Data

sc1.3.2_l1_004 (XML).

Rules

“Rules” refer to success criteria in WCAG 2.0, checkpoints in WCAG 1.0 and similar requirements.

Primary Rules

The test case fails the following success criterion at line 17, column 3: http://www.w3.org/TR/2007/WD-WCAG20-20070517/Overview.html#content-structure-separation-sequence.

The test case fails the following success criterion at line 18, column 3: http://www.w3.org/TR/2007/WD-WCAG20-20070517/Overview.html#content-structure-separation-sequence.

Functional Outcome

The sequence in which the content is arranged visually is not meaningful.

Technical Comment

The sequence of content (XHTML) can be programatically determined, but the CSS mixes up the sequence.

This test case maps to failure F1: Failure of SC 1.3.2 due to changing the meaning of content by positioning information with CSS.

Secondary Rules

Secondary Rule (WCAG 2.0 - April 2006 Working Draft (Last Call))

The test case fails the following success criterion at line 17, column 3: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-sequence.

The test case fails the following success criterion at line 18, column 3: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-sequence.

Functional Outcome

The sequence in which the content is arranged visually is not meaningful. (The test case needs further testing.)

Technical Comment

The sequence of content (XHTML) can be programatically determined, but the CSS mixes up the sequence.

Online version: sc1.3.3_l1_004.

Secondary Rule (WCAG 2.0 - June 2005 Working Draft)

The test case fails the following success criterion at line 17, column 3: http://www.w3.org/TR/2006/WD-WCAG20-20050630/#content-structure-separation-sequence.

The test case fails the following success criterion at line 18, column 3: http://www.w3.org/TR/2006/WD-WCAG20-20050630/#content-structure-separation-sequence.

Functional Outcome

The sequence in which the content is arranged visually is not meaningful.

Technical Comment

The sequence of content (XHTML) can be programatically determined, but the CSS mixes up the sequence.

Secondary Rule

The test case passes the following success criterion: URL unknown!.

Functional Outcome

The sequence in which the content is arranged is meaningful.

Technical Comment

The table makes sense when linearised, but only if CSS is turned off.