From 6bf3f2f1539c683d7f997916fa73d6583018924b Mon Sep 17 00:00:00 2001 From: Mitchell Austin Date: Sun, 2 Jul 2023 22:58:54 -0700 Subject: [PATCH] Make content outside of `Modal` inert --- packages/components/src/modal/aria-helper.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/components/src/modal/aria-helper.ts b/packages/components/src/modal/aria-helper.ts index 25ef449a30d3df..aa26c5f09ba311 100644 --- a/packages/components/src/modal/aria-helper.ts +++ b/packages/components/src/modal/aria-helper.ts @@ -31,7 +31,7 @@ export function hideApp( unhiddenElement?: HTMLDivElement ) { return; } if ( elementShouldBeHidden( element ) ) { - element.setAttribute( 'aria-hidden', 'true' ); + element.setAttribute( 'inert', '' ); hiddenElements.push( element ); } } ); @@ -49,7 +49,7 @@ export function elementShouldBeHidden( element: Element ) { const role = element.getAttribute( 'role' ); return ! ( element.tagName === 'SCRIPT' || - element.hasAttribute( 'aria-hidden' ) || + element.hasAttribute( 'inert' ) || element.hasAttribute( 'aria-live' ) || ( role && LIVE_REGION_ARIA_ROLES.has( role ) ) ); @@ -64,7 +64,7 @@ export function showApp() { return; } hiddenElements.forEach( ( element ) => { - element.removeAttribute( 'aria-hidden' ); + element.removeAttribute( 'inert' ); } ); hiddenElements = []; isHidden = false;