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

Provide a valid label for form fields - Resources/Content

    XMLWordPrintable

Details

    • 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

        Zeplin

          Attachments

            Issue Links

              Activity

                People

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

                  Dates

                    Created:
                    Updated:
                    Resolved:

                    Git Integration