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

Ensure elements with multiple labels are rendered appropriately

    XMLWordPrintable

    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

          Zeplin

            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 Integration