There is no focus trapping. Someone on a keyboard can easily exit the modal accidentally. Using tab navigation, focus should go to the close button after the last interactive element in the modal. Tabbing backwards, it should focus on the last button after the close button.
All page content behind the modal is still available to screen readers. You would need to disable everything but the modal with aria-hidden=”true” while the modal is open and remove that attribute when the modal is closed.
When the modal is opened, you need to transfer focus either to the modal body or the modal heading. There’s no feedback for the screen read when I open the modal.
Hitting the apply filters should transfer focus back to the button that opened it
Describe the bug
To Reproduce Steps to reproduce the behavior:
Expected behavior Modal holds focus and has logical linking to and from the app, including announcements
Definition of Done
Definition of Done