Accessible Modal Dialog

Name: Accessible Modal Dialog
Author: @a11y_kim

A11yReactUpdated 2026-07-28

When to use: Critical user interruptions, forms.

Install

npx skills add accessible-modal-dialog

Git Clone

git clone https://github.com/skillhub-community/accessible-modal-dialog.git

Wires up a dialog with role="dialog", aria-modal, focus trap, escape-to-close, and focus restoration to the trigger element.

Written to pass axe-core and WAVE checks out of the box; no dependency on a specific UI kit.

AI Hub

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Author@a11y_kim

LicenseMIT

Version2.0.1

Dependencies1