primitives icon indicating copy to clipboard operation
primitives copied to clipboard

Accessibility issues with different popups

Open JakobsenF-ELS opened this issue 2 years ago • 2 comments
trafficstars

Bug report

Current Behavior

When running axe DevTools on my application, I'm getting these errors: axeDevTools_Radix-Issue-1 axeDevTools_Radix-Issue-2

Expected behavior

Radix components will pass the analysis with no accessibility issues

Reproducible example

Try to run axe DevTools on a page with e.g. a Radix dialog

Suggested solution

Suggestion from axe DevTools:

To solve this problem, you need to fix the following: ARIA attribute is not allowed: aria-expanded="false"

Your environment

Software Name(s) Version
Radix Package(s) "@radix-ui/react-dialog": "0.1.7", "@radix-ui/react-dropdown-menu": "0.1.6", "@radix-ui/react-popover": "1.0.0", "@radix-ui/react-toast": "0.1.1", "@radix-ui/react-tooltip": "0.1.7",
React n/a ">=16.8.5"
Browser Chrome 109.0.5414.74
Assistive tech axe DevTools 4.6.2
Node n/a ">=8.5.5"
npm/yarn node ">=16.15.0"
Operating System Ubuntu 20.04.5

JakobsenF-ELS avatar Jan 27 '23 10:01 JakobsenF-ELS

It looks like you have converted your trigger from a button to a div. That would probably be why you are seeing this. What does your code look like for those?

benoitgrelard avatar Jan 27 '23 10:01 benoitgrelard

did you find the solution

Devanjan954 avatar Jan 25 '24 05:01 Devanjan954

Closing as stale as I believe I provided the reason over a year ago.

benoitgrelard avatar Mar 06 '24 16:03 benoitgrelard