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

Ensure elements with multiple labels are rendered appropriately

    Details

      Description

      The "Upload Files" page of the Resources section of the environment provides a method for users to upload files of their own to the shared resources of Sakai. Below the file uploader a radio button group is implemented that visually presents the question "Availability, Uploaded items should be". However, this label is not associated programmatically with the radio button group and therefore screen reader users will have difficulty discerning the purpose of the radio button controls.

      <h4>Availability<small>Uploaded items should be </small></h4><div class="form-group"><input type="radio" checked="checked" value="false" id="hidden_false" name="hidden"><label for="hidden_false">Visible</label><input type="radio" value="true" id="hidden_true" name="hidden"><label for="hidden_true">Hidden</label></div>

      Developers must ensure that all radio button groups properly reference the question text they pertain to. As this particular group provides the question text “Availability, Uploaded items should be” in an <h4> element, this can be referenced by utilizing the HTML <fieldset> and <legend> attributes. The following code is provided as an example of this remediation.

      <fieldset><legend><h4>Availability<small>Uploaded items should be </small></h4></legend><div class="form-group"><input type="radio" checked="checked" value="false" id="hidden_false" name="hidden"><label for="hidden_false">Visible</label><input type="radio" value="true" id="hidden_true" name="hidden"><label for="hidden_true">Hidden</label></div></fieldset>

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

        Gliffy Diagrams

          Attachments

            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:

                  Git Source Code