bug: Screen readers read content behind overlays if is present more than 1 overlay

[falconeta]

Bug Report

Ionic version:
[ ] 4.x
[x] 5.x

Current behavior:
Screen readers read content behind overlays if is present more than 1 overlay and, after closing the last overlay, the aria-hidden applied on the ion-router-outlet component is removed despite the first modal is already present.

Expected behavior:
if I open another overlay (inside an overlay for example) the screen reader doesn't have to read the hidden overlay and if I close the second overlay, the ion-router-outlet component must have the attribute aria-hidden if an overlay is present

Steps to reproduce:

open first overlay -> open second overlay from first overlay

A sample application via GitHub
https://stackblitz.com/edit/ionic-bug-overlays

Ionic info:

Ionic:

   Ionic CLI                     : 6.16.1 
   Ionic Framework               : @ionic/angular 5.6.9
   @angular-devkit/build-angular : 0.1100.7
   @angular-devkit/schematics    : 11.0.7
   @angular/cli                  : 11.0.7
   @ionic/angular-toolkit        : 3.1.1

Cordova:

   Cordova CLI       : 9.0.0 ([email protected])
   Cordova Platforms : android 9.0.0, ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 5.0.0, (and 41 other plugins)

Utility:

   cordova-res                          : not installed globally
   native-run (update available: 1.4.0) : 1.2.2

System:

   Android SDK Tools : 26.1.1 
   ios-deploy        : 1.10.0
   ios-sim           : 8.0.2
   NodeJS            : v12.19.0 (/usr/local/bin/node)
   npm               : 6.14.13
   OS                : macOS Big Sur
   Xcode             : Xcode 12.5 Build version 12E262

[valentirob]

Issue found also in our project. We had downgraded to ionic version to 5.6.6

[averyjohnston]

Thank you for the issue! The problem with ion-router-outlet getting aria-hidden removed too early had already been fixed since this issue was posted, but the problem with all overlays being announced by screen readers has now been resolved by #28997. The fix will be available in a future release of Ionic. 👍

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.