Test Case sc1.3.2_l1_003: Red text with CSS and character cue to indicate required form fields

Formal Metadata

Formal Metadata
TitleRed text with CSS and character cue to indicate required form fields
DescriptionA page with a form that has two fieldsets. The first fieldset contains a group of radio buttons, and the user is required to make a choice (there is no default). Instructions above the form explain that required fields have labels in red. The red text for the first fieldset is created by means of CSS and does includes a character cue ("**") to tell the user that the field is required, so it is possible for users of current screen reader to find out which form fields are required. The form does not rely on the user's ability to recognize red text.
CreatorBenToWeb (Christophe.Strobbe@…)
RightsCopyright BenToWeb 2005-2007
LanguageEnglish
Date2005-09-30
Statusvalidated

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)

Cascading Style Sheets, level 2 - CSS 2 Specification

Cascading Style Sheets, level 2 - CSS 2 Specification

Test Data

Purpose

This test case is intended to pass because information about required form fields is conveyed through colour and a character cue. This test is only about indicating required form fields, not about the processing of the form.

Test Modes

Accessibility expert.

Test Files

Test file.

TCDL Data

sc1.3.2_l1_003 (XML).

Rules

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

Primary Rules

The test case passes (line 30, column 25) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-without-color.

Functional Outcome

The user does not need to be able to recognize the colour red in order to know which fields are required.

Technical Comment

The code uses the class attribute and a CSS style sheet, and a character cue to indicate required fields.

This test case maps to technique G14: Ensuring that color encoded information is also available in text (http://www.w3.org/TR/2006/WD-WCAG20-TECHS-20060427/Overview.html#G14).

Secondary Rules

Secondary Rule (WCAG 2.0 - June 2005 Working Draft)

The test case passes (line 30, column 25) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20050630/#content-presentation-structure-without-color.

Functional Outcome

The user does not need to be able to recognize the colour red in order to know which fields are required.

Technical Comment

The code uses the class attribute and a CSS style sheet, and a character cue to indicate required fields.