Skip to content Skip to sidebar Skip to footer
Home / Accessibility / Angular / Javascript / Modal Dialog

Focus Moving Out Of Modal In Scan Mode

Post a Comment
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>

You may like these posts

Post a Comment for "Focus Moving Out Of Modal In Scan Mode"