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

Provide a valid label for form fields

    Details

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

      Description

      [Not fixed] - 03/13/2018

      Other controls have no valid label:* Location* Category* (before meeting begins)* (before meeting finishes)

      HTML:

      <select id="meeting:selectedLocation" name="meeting:selectedLocation" size="1">        <option value="-- select location --">-- select location --</option> <option value="My office">My office</option> </select>...<input id="meeting:customCategory" name="meeting:customCategory" value="" class="editText form-control" size="30" style="" type="text">...<select id="meeting:signupBeginsType" name="meeting:signupBeginsType" size="1" onchange="isSignUpBeginStartNow(value); sakai.updateSignupBeginsExact();" style="padding-left:5px; margin-right:5px">...<select id="meeting:signupDeadlineType" name="meeting:signupDeadlineType" size="1" onchange="sakai.updateSignupEndsExact();">        <option value="minutes">Minutes</option>     <option value="hours" selected="selected">Hours</option> <option value="days">Days</option> </select>

      The "Sign-Up" feature of the Meetings section of the environment allows the user to sign up for additional upcoming meetings. A checkbox is provided that allows users to "Expand all recurring meetings", however this input field is not provided a valid programmatic label. As such, screen reader users will have difficulty discerning the purpose of the input field.

      <span class="padLeft"><input type="checkbox" onclick="submit();" name="items:j_id_jsp_810682479_41">Expand all recurring meetings.</span>

      Developers must ensure that all input fields are provided valid programmatic labels. As this input field is provided a visual label of "Expand all recurring meetings", this must be assigned an HTML <label> element, with the "for" value matching the id of the input field. The following code is provided as an example of this remediation:

      <span class="padLeft"><input type="checkbox" onclick="submit();" name="items:j_id_jsp_810682479_41" id="someid"><label for="someid">Expand all recurring meetings.</label></span>

        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