Introduction

a11y-dialog is a lightweight (1.5Kb) yet flexible script to create accessible dialog windows.

✔︎ Leveraging the native <dialog> element if desired
✔︎ Closing dialog on overlay click and ESC
✔︎ Toggling aria-* attributes
✔︎ Trapping and restoring focus
✔︎ Firing events
✔︎ DOM and JS APIs
✔︎ Fast and tiny

You can try the live demo on CodeSandbox.

Originally, this repository was a fork from accessible-modal-dialog by Greg Kraus. It has gone through various stages since the initial implementation and both packages are no longer similar in the way they work.