| Title | Wrong sequence defined by XHTML, but displays correctly with CSS |
|---|---|
| Description | XHTML 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. |
| Creator | BenToWeb (johannes.koch@…) |
| Rights | Copyright BenToWeb 2005-2007 |
| Language | English |
| Date | 2005-08-16 |
| Status | accepted for end user evaluation |
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)
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.
Accessibility expert.
“Rules” refer to success criteria in WCAG 2.0, checkpoints in WCAG 1.0 and similar requirements.
The test case fails the following success criterion: http://www.w3.org/TR/2007/WD-WCAG20-20070517/Overview.html#content-structure-separation-sequence.
A user agent that supports CSS will render the two list items in reverse order.
The reading order can be determined from the HTML markup but is changed by the CSS.
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.
The test case fails the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-sequence.
A user agent that supports CSS will render the two list items in reverse order.
The reading order can be determined from the HTML markup but is changed by the CSS.
Online version: sc1.3.3_l1_002.
The test case fails the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20050630/#content-structure-separation-sequence.
A user agent without CSS support presents the list items in an order not intended by the author.
The reading order that can be determined from the HTML markup is changed by the CSS.