Ensure elements with multiple labels are rendered appropriately
GENERAL
TESTING
GENERAL
TESTING
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.
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.
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.
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.
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