-
Bug
-
Resolution: Fixed
-
Highest
-
5.5.0
-
Severity 3 - Minor
-
Issue Summary
Inappropriate label "Main content area" provided to the description editor input field.
Note: This issue is applicable to all the editor input fields present on the portal.
Steps to Reproduce
- With screen reader turned on navigate to the help portal.
- Select any request such as an "Upgrade or change to a managed system"
- Navigate to the editor field provided for "Description"
- Observe the labels announced by screen reader.
Actual Results
While navigating with screen reader, when user navigates inside the editor input field for "Description (optional)", the label "Main content area" is announced by screen reader inappropriately. Because the the aria-label="Main content area" is provided to the element inappropriately. The visual label "Description(optional)" is not announced to the screen reader users and also explicit association is missing.
This makes it difficult for the screen reader users user to understand the purpose of the text input field.
Expected Results
When the user navigate inside the editor input field the screen reader should announce the label as "Description(optional)".
Remove the aria-label="Main content area" from the <div role="textbox"> element in the source code.
Provide an aria-labelledby attribute to the <div> element and provide the ID value of the <label> element to associate it programatically.
Refer to the code snippet:
<label class="field-label" for="description" id="description-label">Description <span class="vp-optional">(optional)</span></label> (...) <div class="ua-chrome ProseMirror" role="textbox" contenteditable="true" data-gramm="false" aria-labelledby="description-label"><p><br></p></div>
Screenshot
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
- relates to
-
-
- Closed
-
- resolves
-
-
- Closed
-
- mentioned in
-
Page Failed to load
-
Page Failed to load
-
Page Failed to load
-
Page Loading...
-
-
-
-