Details
-
Type:
Bug
-
Status: CLOSED
-
Priority:
Blocker
-
Resolution: Fixed
-
Affects Version/s: 11.2
-
Component/s: Accessibility, Content
-
Labels:
-
11 status: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>
Gliffy Diagrams
Zeplin
Attachments
Issue Links
- mentioned in
-
Page Loading...