Test Case sc1.3.3_l1_002: Wrong sequence defined by XHTML, but displays correctly with CSS

Formal Metadata

Formal Metadata
TitleWrong sequence defined by XHTML, but displays correctly with CSS
DescriptionXHTML page with content arranged in two list items with a paragraph preceding the list. The visual sequence of the paragraph elements is changed with CSS.
CreatorBenToWeb (johannes.koch@…)
RightsCopyright BenToWeb 2005-2007
LanguageEnglish
Date2005-08-16
Statusaccepted by both validators

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)

CSS 2.0 Specification

CSS 2.0 Specification

Test Data

Purpose

This is a test for the reading order of content: an assistive technology should be able to provide an alternative presentation of content while preserving the reading order needed to perceive meaning. The test file uses CSS to display the second list item above the first one, so a user agent without CSS support will not render the items in the intended order.

Test Modes

Accessibility expert.

Test Files

Test file.

TCDL Data

sc1.3.3_l1_002 (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: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-sequence.

Functional Outcome

A user agent that supports CSS will render the two list items in reverse order.

Technical Comment

The reading order can be determined from the HTML markup but is changed by the CSS.

Secondary Rules

Secondary Rule (WCAG 2.0 - June 2005 Working Draft)

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

Functional Outcome

A user agent without CSS support presents the list items in an order not intended by the author.

Technical Comment

The reading order that can be determined from the HTML markup is changed by the CSS.