search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.13k stars 13.5k forks source link

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

Closed brandyscarney closed 3 weeks ago

brandyscarney commented 1 month ago

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:

Screenshot 2024-10-25 at 2 44 45 PM

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?

Other information

Dev build: 8.3.4-dev.11729882231.1b2e7f13

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 25, 2024 6:49pm