| Title | Red text with CSS 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.
The red text for the first fieldset is created by means of CSS and does not include a textual or character cue to tell the user that the field is required, so it is very difficult for users of current screen reader to find out which form fields are required.
The form relies 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 | validated |
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 fail because information about required form fields is conveyed through colour only. This test is only about indicating required form fields, not about the processing of the form.
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/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-without-color.
The user needs to be able to recognize the colour red in order to know which fields are required. Note that some screen readers have a function to find out the colour of a certain string of text and this function could be used to find labels with text in red. However, requiring that required fields are found by checking the colour of each label would put a heavy burden on blind users.
The code uses the class attribute and a CSS style sheet to indicate required fields, but no other cues.
The test case fails the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20050630/#content-presentation-structure-without-color.
The user needs 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 to indicate required fields, but no other cues.