What is micromodal?

Micromodal.js is a small JavaScript library for adding modal dialog windows to websites. A modal dialog is an overlay that appears on top of the main page content, requiring users to interact with it before returning to the rest of the page. Common examples include confirmation prompts, login forms, and image viewers. The library weighs around 1.8 kilobytes when minified and compressed, and it has no external dependencies. The main focus of the project is accessibility, meaning it is designed to work correctly for users who navigate with a keyboard or use screen readers, not just those using a mouse. Several accessibility behaviors are handled automatically. When a modal opens, keyboard focus shifts to the first interactive element inside the dialog. Tab key navigation is then trapped within the modal so that pressing Tab cycles through the modal's controls rather than skipping back to content behind it. Pressing the Escape key closes the modal, as does clicking the overlay area outside the dialog. When the modal is dismissed, focus returns to whichever element the user had focused before the modal appeared. The relevant ARIA attributes, which help screen readers understand that a dialog is open, are toggled on open and close without any manual intervention. The library can be added to a project via npm, yarn, a CDN link, or a direct file download. Internet Explorer 11 requires a polyfill for compatibility. The project is MIT licensed.