Issue Details (XML | Word | Printable)

Key: MDL-7874
Type: Sub-task Sub-task
Status: Closed Closed
Resolution: Fixed
Priority: Major Major
Assignee: Jamie Pratt
Reporter: Martin Dougiamas
Votes: 0
Watchers: 0
Operations

Add/Edit UI Mockup to this issue
If you were logged in you would be able to see more operations.
Moodle
MDL-7860

Form labels

Created: 11/Dec/06 03:18 PM   Updated: 05/Jan/07 02:56 PM
Return to search
Component/s: Accessibility
Affects Version/s: 1.7
Fix Version/s: 1.8

Participants: Jamie Pratt and Martin Dougiamas
Security Level: None
Affected Branches: MOODLE_17_STABLE
Fixed Branches: MOODLE_18_STABLE


 Description  « Hide
In forms, explicitly associate labels with their respective controls, positioning them so as to facilitate compilation of fields by the persons using the assistive technology.

WCAG 1.0 References: 10.2, 12.4
Sec. 508 References: 1194.22 (n)

 All   Comments   Change History   Version Control      Sort Order: Ascending order - Click to sort in descending order
Martin Dougiamas added a comment - 02/Jan/07 04:29 PM
All the new formslib forms address this. See MDL-6937

Martin Dougiamas added a comment - 05/Jan/07 02:07 PM
Jamie, can you please urgently address this problem?

Currently a required field looks like this:

<div class="fitem"><span class="fitemtitle"><label for="id_username">Username<img alt="Required field" src="http://test.moodle.com/lib/form/req.gif" /> </label></span><div class="felement ftext"><input size="20" name="username" type="text" value="admin" id="id_username" /></div></div>

Can you please add a class to one of the outside containers to mark fields that are required? ie

<div class="fitem required"><span class="fitemtitle"><label for="id_username">Username<img alt="Required field" src="http://test.moodle.com/lib/form/req.gif" /> </label></span><div class="felement ftext"><input size="20" name="username" type="text" value="admin" id="id_username" /></div></div>


Jamie Pratt added a comment - 05/Jan/07 02:56 PM
added required class name to form item outer div as requested