Shadowgraph
TrendingBuzzResearch
Chrome extension
Sign in

KittyGiraudel/a11y-dialog

A very lightweight and flexible accessible modal dialog script.

TypeScript

2,489

1,834 commits

updated Oct 12, 2026

a11y-dialog.netlify.app

See the code

README

A11y Dialog

This is a lightweight (1.7Kb) yet flexible script to create accessible dialog windows.

Features

  • Follows the Dialog (Modal) pattern from the ARIA Authoring Practices Guide (APG)
  • Supports alert dialogs as per the WAI-ARIA specifications
  • Supports nested dialogs (however questionable)
  • Exposes events to react to changes
  • Provides both a DOM and a JavaScript API
  • Plays nicely with Shadow DOM and web components
  • Is unopinionated with styling
  • Is extensively tested and documented
  • Is fast and tiny

Contributing

Contributing guidelines can be found in CONTRIBUTING.md

a11y
accessibility
dialog
modal

Project health

Overall

4.7/10

Maintained

10/10

Code review

0/10
OpenSSF Scorecard

npm

a11y-dialog

Latest release

8.1.5 · Feb 6, 2026

Releases this year

1

Significant stargazers

Christian Oliff

561 followers · starred Feb 2025

Daniel Lo Nigro

1,524 followers · starred Jun 2026

Flo Edelmann

182 followers · starred Mar 2017

Wout Mertens

176 followers · starred Aug 2023

Similar repos

micromodal/Micromodal

⭕ Tiny javascript library for creating accessible modal dialogs

3,659

GoogleChrome/dialog-polyfill

Polyfill for the HTML dialog element

2,457

reactjs/react-modal

Accessible modal dialog component for React

7,404

sweetalert2/sweetalert2

✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for…

18,102

HubSpot/vex

A modern dialog library which is highly configurable and easy to style. #hubspot-open-source

6,867

medialize/ally.js

JavaScript library to help modern web applications with accessibility concerns

1,553

theKashey/react-focus-lock

It is a trap! A lock for a Focus. 🔓

1,393

focus-trap/focus-trap

Trap focus within a DOM node.

1,563

KittyGiraudel/a11y-dialog

A very lightweight and flexible accessible modal dialog script.

TypeScript

2,489

1,834 commits

updated Oct 12, 2026

a11y-dialog.netlify.app

See the code

README

A11y Dialog

This is a lightweight (1.7Kb) yet flexible script to create accessible dialog windows.

Features

  • Follows the Dialog (Modal) pattern from the ARIA Authoring Practices Guide (APG)
  • Supports alert dialogs as per the WAI-ARIA specifications
  • Supports nested dialogs (however questionable)
  • Exposes events to react to changes
  • Provides both a DOM and a JavaScript API
  • Plays nicely with Shadow DOM and web components
  • Is unopinionated with styling
  • Is extensively tested and documented
  • Is fast and tiny

Contributing

Contributing guidelines can be found in CONTRIBUTING.md

a11y
accessibility
dialog
modal

Project health

Overall

4.7/10

Maintained

10/10

Code review

0/10
OpenSSF Scorecard

npm

a11y-dialog

Latest release

8.1.5 · Feb 6, 2026

Releases this year

1

Significant stargazers

Christian Oliff

561 followers · starred Feb 2025

Daniel Lo Nigro

1,524 followers · starred Jun 2026

Flo Edelmann

182 followers · starred Mar 2017

Wout Mertens

176 followers · starred Aug 2023

Similar repos

micromodal/Micromodal

⭕ Tiny javascript library for creating accessible modal dialogs

3,659

GoogleChrome/dialog-polyfill

Polyfill for the HTML dialog element

2,457

reactjs/react-modal

Accessible modal dialog component for React

7,404

sweetalert2/sweetalert2

✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for…

18,102

HubSpot/vex

A modern dialog library which is highly configurable and easy to style. #hubspot-open-source

6,867

medialize/ally.js

JavaScript library to help modern web applications with accessibility concerns

1,553

theKashey/react-focus-lock

It is a trap! A lock for a Focus. 🔓

1,393

focus-trap/focus-trap

Trap focus within a DOM node.

1,563