The first element - tooltip - is missing the aria-hidden="true" label.
Accessibility tests logs:
● Model resources tile › should have no accessibility validations
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('.bx--modal') to have no violations:
<div class="bx--modal" data-modal="true" role="dialog" aria-modal="true" aria-labelledby="modal-title" aria-describedby="modal-description" tabindex="-1"></div>
Received:
"ARIA dialog and alertdialog nodes should have an accessible name (aria-dialog-name)"
Fix any of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name?application=axeAPI
────────
Expected the HTML found at $('.bx--cc--tooltip') to have no violations:
<div class="bx--cc--tooltip hidden" role="tooltip"></div>
Received:
"ARIA tooltip nodes must have an accessible name (aria-tooltip-name)"
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.2/aria-tooltip-name?application=axeAPI
Contact Details
No response
Environment
Automated testing tool and ruleset
What happened? What did you expect to happen instead?
The first element - tooltip - is missing the aria-hidden="true" label.
Accessibility tests logs:
What WCAG 2.1 checkpoint does the issue violate?
https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name?application=axeAPI
Version
@carbon/charts-react@0.54.11
Data & options used
Codesandbox example
No response