Moodle

Form labels

Details

  • Type: Sub-task Sub-task
  • Status: Closed Closed
  • Priority: Major Major
  • Resolution: Fixed
  • Affects Version/s: 1.7
  • Fix Version/s: 1.8
  • Component/s: Accessibility
  • Labels:
    None
  • Affected Branches:
    MOODLE_17_STABLE
  • Fixed Branches:
    MOODLE_18_STABLE

Description

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

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Martin Dougiamas added a comment -

All the new formslib forms address this. See MDL-6937

Show
Martin Dougiamas added a comment - All the new formslib forms address this. See MDL-6937
Hide
Permalink
Martin Dougiamas added a comment -

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>

Show
Martin Dougiamas added a comment - 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>
Hide
Permalink
Jamie Pratt added a comment -

added required class name to form item outer div as requested

Show
Jamie Pratt added a comment - added required class name to form item outer div as requested

People

Vote (0)
Watch (0)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.3#663-r165197) | Report a problem
Powered by a free Atlassian JIRA open source license for Moodle. Try JIRA - bug tracking software for your team.