-
Bug
-
Resolution: Fixed
-
Low
-
4.20.0
-
Severity 2 - Major
-
Issue Summary
The form field does not have an explicit or implicit <label> relationship, nor a title, aria-labelledby, or aria-label attribute.
Element name:
- "Responses" edit field.
Location of the element: Edit field, in the "Canned responses" menu button, in the "Rich text editor", just below the "Activity" heading section, in the main content.
Steps to Reproduce
- Navigate to the "Click to add comment" button and activate it.
- Navigate to to the "Canned responses" menu button and activate it.
- Turn on the screen reader and navigate to the "Search Responses" form field.
- Observe that label is missing for the form field.
Actual Results
The form field "Search Responses" does not have label associated with it and the title attribute is not included in its source code either. As a result, users with visual impairments who use a screen reader will not be able to understand the purpose of the input fields.
Expected Results
The visible label "Search Response" should be provided for the respective input field using the <label> element. Additionally “for“ and “id” attribute should be used to associate the label with its corresponding input field.
Note: Before implementing any visual label please connect with the content design team to take a suggestion/approval from them per business logic.
<label for="search_respo">Search Responses</label> <input id=="search_respo" type="text" class="text" maxlength="255">
Alternatively,
Provide a descriptive label using "Search Responses” using the “aria-label” attribute in the <input> element.
<input type="text" class="text" maxlength="255" aria-label="Search Responses">
Screenshot
Workaround
No workaround available
Bug Ref: 746135
Bulldog Ref:
- mentioned in
-
Page Failed to load