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

Provide a valid label for form fields - signup meeting details

    Details

    • 11 status:
      Verified

      Description

      The "Meeting Details" display of the Meetings section of the environment provides a checkbox to allow the user to select whether or not they will receive email updates. However, this checkbox is not currently provided a programmatic label. As such screen reader users will be unable to discern the purpose of the control.

      <span class="longtext"><input type="checkbox" style="vertical-align:middle;" name="meeting:chkBx_pub" id="meeting:chkBx_pub">Yes, send email to notify the related participant(s) about the changes that have been made.</span>

      Developers must ensure that all input fields implemented in the environment are provided valid programmatic labels. In this case the visual label is already provided in a <span>, and must simply be placed in 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="longtext"><input type="checkbox" style="vertical-align:middle;" name="meeting:chkBx_pub" id="meeting:chkBx_pub"><label for="meeting:chkBx_pub">Yes, send email to notify the related participant(s) about the changes that have been made.</label></span>

      http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/82119d3e-4a6e-4b26-8cee-5b95a366fef6/organizer/orgSignupMeeting#A84dfddfb4fa546594fb0a95ead23702-HTML

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  ottenhoff Sam Ottenhoff
                  Reporter:
                  mclare Matt Clare
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  6 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: