Focus Moving Out Of Modal In Scan Mode
I am trying to fix an accessibility bug for screen reader in an Angular2 web application(SAP). The problem is in SCAN MODE with Edge, when the modal is open and using up and down a
Solution 1:
If you make your modal window a "sibling" of your main page, then you can add aria-hidden
to the main window and that will prevent the up/down arrow keys from navigating outside the modal.
Initially hidden modal window:
<body>
<div>
<!-- main page -->
</div>
<div style="display:none">
<!-- modal window -->
</div>
</body>
Visible modal window
<body>
<div aria-hidden="true">
<!-- main page -->
</div>
<div style="display:block">
<!-- modal window -->
</div>
</body>
Post a Comment for "Focus Moving Out Of Modal In Scan Mode"