components icon indicating copy to clipboard operation
components copied to clipboard

fix(cdk/dialog): use inert to block content outside of dialog

Open crisbeto opened this issue 3 years ago • 3 comments

Currently we're setting aria-hidden on all elements outside of a dialog in order to prevent assistive technology from interacting with it. These changes switch to using the inert attribute when supported which resolves some long-standing issues like tabbing directly into the dialog from the address bar.

crisbeto avatar Sep 20 '22 15:09 crisbeto

Deployed dev-app to: https://ng-comp-dev--pr-25666-758588da5f5a0dae4da09ba558bf3e60-kk0pfpgo.web.app

github-actions[bot] avatar Sep 20 '22 16:09 github-actions[bot]

I spent some time presubmitting this and I think it'll be tricky to land, because the automated a11y checking tools don't account for inert yet. Previously the aria-hidden was also hiding some a11y issues, but with inert those issues are being reported.

crisbeto avatar Sep 22 '22 10:09 crisbeto

any luck the tool is now accounting now for inert?

kbrilla avatar Nov 28 '23 18:11 kbrilla