| Title | Red text with CSS and textual cue to indicate required form fields |
|---|---|
| Description | A 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 and contain the text "required field".
The red text for the first fieldset is created by means of CSS and includes a textual cue ("required field") 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.
|
| Creator | BenToWeb (Christophe.Strobbe@…) |
| Rights | Copyright BenToWeb 2005-2007 |
| Language | English |
| Date | 2005-09-30 |
| 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 test case is intended to pass because information about required form fields is conveyed through colour and a textual cue. This test is only about indicating required form fields, not about the processing of the form.
Three or more accessibility experts.
“Rules” refer to success criteria in WCAG 2.0, checkpoints in WCAG 1.0 and similar requirements.
The test case passes (line 30, column 25) the following success criterion: http://www.w3.org/TR/2007/WD-WCAG20-20070517/Overview.html#visual-audio-contrast-without-color.
The user does not need to be able to recognize the colour red in order to know which fields are required.
The code uses the class attribute and a CSS style sheet, and text to indicate required fields.
This test case maps to technique G122: Including a text cue whenever color cues are used.
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.
The user does not need to be able to recognize the colour red in order to know which fields are required. (The test case needs further testing.)
The code uses the class attribute and a CSS style sheet, and text to indicate required fields.
This test case maps to technique G122: Including a text cue whenever color cues are used (http://www.w3.org/TR/2006/WD-WCAG20-TECHS-20060427/Overview.html#G122).
Online version: sc1.3.2_l1_002.
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.
The user does not need to be able to recognize the colour red in order to know which fields are required.
The code uses the class attribute and a CSS style sheet, and text to indicate required fields.