Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-38410

Provide a valid label for form fields

    Details

    • 19 status:
      Verified
    • Previous Issue Keys:
      A11YTEST-247

      Description

      [New Issue] - 03/13/2018The "Select" combo boxes (behind the "Add participant" link, in the "Participants" column) have no valid label.HTML:

      <tr><td>Select&nbsp;</td><td><select id="meeting:timeslots:1:newAttendeeList" name="meeting:timeslots:1:newAttendeeList" size="1">    <option value="da1">Admin, Dept</option>    <option value="admin">Administrator, Sakai</option>    <option value="ssbtest004">Four, SSBTest</option>

      ...Users of screen readers may be confused because their assistive technology may try to guess the relations between form fields and labels and fail. Developers must explicitly link labels and form fields with the for and id attributes.HTML:

      <tr><td><label for="meeting:timeslots:1:newAttendeeList">Select</label></td><td><select id="meeting:timeslots:1:newAttendeeList" name="meeting:timeslots:1:newAttendeeList" size="1">    <option value="da1">Admin, Dept</option>    <option value="admin">Administrator, Sakai</option>    <option value="ssbtest004">Four, SSBTest</option>

      ...

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                kedwar1 Kendra Edwards
                Reporter:
                jonespm Matthew Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code