Brandy Carney c3b58f1620 fix(overlays): hide the focus trap div from screen readers (#29970) ...

Issue number: resolves #29858

---------

## What is the current behavior?
When swiping between elements using Android TalkBack, a green box is
shown for certain overlays and it gains focus at the beginning and end
of those overlays:

<img width="419" alt="Screenshot 2024-10-25 at 2 44 45 PM"
src="https://github.com/user-attachments/assets/dffd8126-ec1d-4b6f-87fc-6488c7c09aab">

## What is the new behavior?
The `aria-hidden` attribute is now added to the focus trap divs to hide
them from screen readers, without preventing these divs from trapping
keyboard focus.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information
Dev build: `8.3.4-dev.11729882231.1b2e7f13`

2024-10-29 14:04:43 +00:00

..

animations

refactor(many): use utils import (#27160)

2023-04-12 13:25:14 -07:00

test

fix(overlays): do not overwrite id set in htmlAttributes (#29722)

2024-07-24 14:17:56 +00:00

action-sheet-interface.ts

chore: sync with main

2024-02-07 11:48:46 -05:00

action-sheet.ios.scss

chore: sync with main

2024-02-07 11:48:46 -05:00

action-sheet.ios.vars.scss

chore(theming): remove Sass default flags (#29401)

2024-04-25 19:59:10 +00:00

action-sheet.md.scss

feat(action-sheet): add disabled button (#28723)

2023-12-19 16:48:25 -05:00

action-sheet.md.vars.scss

chore(theming): remove Sass default flags (#29401)

2024-04-25 19:59:10 +00:00

action-sheet.scss

feat(action-sheet): add disabled button (#28723)

2023-12-19 16:48:25 -05:00

action-sheet.tsx

fix(overlays): hide the focus trap div from screen readers (#29970)

2024-10-29 14:04:43 +00:00

action-sheet.vars.scss

chore(theming): remove Sass default flags (#29401)

2024-04-25 19:59:10 +00:00