Provide a valid label for form fields - Resources/Content
GENERAL
TESTING
GENERAL
TESTING
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.
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:
Tested after 11 merge on 11.x Maintenance Branch on MySql nightly server on Mac/Chrome. The HTML does not match exactly what is in the description but it does include the label tag. I assume the other differences are connected with morpheus/responsive design? HTML : <div class="col-sm-2 col-xs-12"><label for="content_0">Folder Name</label></div><div class="col-md-6 col-sm-4 col-xs-12"><input type="text" name="content_0" id="content_0"></div>
I set the 11 status to Verified on the assumption that this is correct based on the label fix.
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.
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:
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