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.