spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

[Bug]: dialog and aria-modal are on different elements

Open jnurthen opened this issue 3 years ago • 0 comments

Code of conduct

  • [X] I agree to follow this project's code of conduct.

Impacted component(s)

dialog / dialog wrapper

Expected behavior

aria-modal and role=dialog are on different elements. These have to be on the same element per the aria spec https://w3c.github.io/aria/#aria-modal

Actual behavior

When rendering a dialog using dialog wrapper the role=dialog gets rendered on the sp-dialog element but aria-modal=true gets rendered on the active-overlay element.

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

  1. Go to dialog wrapper https://opensource.adobe.com/spectrum-web-components/components/dialog-wrapper/
  2. Click on toggle dialog
  3. inspect the DOM

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

jnurthen avatar May 09 '22 20:05 jnurthen