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

Provide a valid label for form fields

    XMLWordPrintable

    Details

    • 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

          Zeplin

            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 Integration