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

Provide a valid label for form fields - Resources/Content

    Details

    • 11 status:
      Verified

      Description

      The "Create Folder" option in the Resources section of the environment allows the user to create custom folders to house associated resources. However, the main input field used to assign the "Folder Name" is not provided a valid programmatic label. As such, screen reader users will have difficulty discerning the purpose of the input field.

      <div for="content_0" <label="" class="col-lg-2 col-md-2 col-sm-2 col-xs-12">Folder Name</div><div class="col-lg-6 col-md-6 col-sm-4 col-xs-12"><input type="text" id="content_0" name="content_0"></div>

      Developers must ensure that all input fields in the environment are provided valid programmatic labels. This can be achieved by utilizing the HTML <label> attribute and ensuring that the "for" value matches the "id" of the input field. The following code is provided as an example of this remediation:

      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"><label for="content_0">Folder Name</label></div><div class="col-lg-6 col-md-6 col-sm-4 col-xs-12"><input type="text" id="content_0" name="content_0"></div>

      http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/2f629dad-7e64-41c5-bb12-64d95eb17a15/sakai.resource.type.helper.helper#Ace8b247ef23d42314ed25b5c733dbdc-HTML

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: