Accessible modals with focus trapping and backdrop blur.
This is a digital download. No physical item will be shipped.
By purchasing you agree to our Terms of Service. A 30-day refund is available — see our Refund Policy.
ModalMaster is a fully accessible modal and dialog system built to the WCAG 2.1 AA standard. Accessible modals are genuinely difficult to implement correctly — focus trapping, background inertness, scroll locking, and keyboard handling all need to work together. ModalMaster handles all of it.
When a modal opens, focus moves to the first focusable element inside it. Tab and Shift+Tab cycle only within the modal — nothing in the background is reachable. The background content is marked inert so it's invisible to assistive technology. Pressing Escape closes the modal and returns focus to the element that triggered it. Scroll is locked on the body without causing layout shift.
Five entrance animations are included: fade, slide up, slide down, zoom, and flip. CSS backdrop blur is applied to the background by default (with a solid fallback for unsupported browsers). Stacked modals are supported — opening a second modal from within the first works correctly and unwinds focus in the right order.
API: Modal.open('modal-id') and Modal.close(). Full ARIA attributes (role, aria-modal, aria-labelledby, aria-describedby) are set automatically.
