Modals
Star this project on GitHub
View more → This is possibly
the most accessible a modal can get
, using JavaScript. When opened, it uses
assets/js/focus-trap.js
to create a
focus trap
, which means that if you use your keyboard to navigate around, focus won't leak to the elements
behind, staying inside the modal in a loop, until you take any action.
Also, on small screens it is placed at the bottom of the screen, to account for larger devices and make it easier to click the larger buttons.