Open janhassel opened 2 months ago
Thanks for reporting this one, it's the same thing we're running into with the table header cells https://github.com/carbon-design-system/carbon/issues/16031
Might be that the only way to avoid this is to move the AILabel outside the tile dom and then visually reposition it atop the tile.
Package
@carbon/react
Browser
No response
Operating System
No response
Package version
1.61.0
React version
No response
Automated testing tool and ruleset
Manual testing
Assistive technology
No response
Description
When adding an AI label to a
SelectableTile
, the AI label and therefore a popover triggered by abutton
are descendants of arole="checkbox"
:According to WAI-ARIA 1.2, all descendants of a
role="checkbox"
are presentational, meaning the button loses its semantics.ARIA in HTML also specifically states the allowed descendants elements with a checkbox role:
WCAG 2.1 Violation
No response
Reproduction/example
https://react.carbondesignsystem.com/?path=/story/components-tile--with-ai-label
Steps to reproduce
See markup pasted above
Suggested Severity
Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.
Code of Conduct