Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
(Accessibility) background are still tabbable when modal is open
See original GitHub issueWhen modal dialog is open, the elements in the background are still tabbable. Also aria-hidden=true should add to all other elements except modal itself.
I have checked ui-bootstrap (angular 1). The modal does not have above issues
Issue Analytics
- State:
- Created 7 years ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Prevent background items from receiving focus while modal ...
tabindex="0" is set to the modals heading. So it gets focused with the tab key. The opening button is saved in a variable...
Read more >Modals | Accessibility Guidelines
The following best practices discuss an instance where, when the modal is open, a screen reader cannot interact with the modal overlay and...
Read more >Modal Dialog Example | APG | WAI - W3C
To make the content easier to read when displayed on small screens, the dialog fills 100% of the screen. Completely covering the background...
Read more >Modal Accessibility - Medium
Making modals accessible has always been tricky. In this article, I will explain what is an accessible modal experience and an approach to ......
Read more >How to trap focus inside modal to make it ADA compliant
As you can see, the entire website is keyboard accessible, means you can browse the website using just tab key, arrow keys and...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@pkozlowski-opensource Just created PR. Please have a review. https://github.com/ng-bootstrap/ng-bootstrap/pull/1464
PRs are more than appreciated. And just to be clear: this library is taking accessibility very seriously: we want to have World-class accessibility support, we’ve got experienced people and we work towards this goal. This doesn’t change the fact that having World-class accessibility support takes time and dedicated effort. So once again, all PRs are more than welcomed, provided that those come with unit tests. Thnx!