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

Provide a valid label for form fields

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: Critical
    • Resolution: Incorporated
    • Affects Version/s: 12.0
    • Fix Version/s: 11.4, 12.0
    • Component/s: Accessibility, Signup
    • Labels:
    • Previous Issue Keys:
      A11YTEST-248

      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>

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  rainribbon Tiffany Stull
                  Reporter:
                  jonespm Matthew Jones
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code