-
Type:
Bug
-
Resolution: Fixed
-
Priority:
Low
-
Affects Version/s: 7.16.0
-
Component/s: Accessibility
-
Severity 3 - Minor
Issue Summary
The breadcrumb element <li> have role, tabindex & aria-label attributes incorrectly.
Actual Results
- role="button", tabindex="0", aria-label attributes provided to <li> element incorrectly since assistive technology won’t render the <li> element correctly.
- "aria-expanded" attribute provided to the <li> element unnecessarily since when screen reader users activate the ellipsis (more) button focus is set to new breadcrumb element correctly. So this is enough Information for screen reader users to understand that it worked.
Expected Results
- Remove the role="button", tabindex="0", aria-label attributes provided to <li> element.
- Wrap the ellipsis within native button element or provide role="button", tabindex="0" & aria-label attributes to the <span> element present inside <li> element.
- Remove the aria-expanded attribute from the source code.
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available