https://github.com/edenspiekermann/a11y-dialog

A very lightweight and flexible accessible modal dialog script.
https://github.com/edenspiekermann/a11y-dialog

a11y accessibility dialog modal

Last synced: 3 months ago
JSON representation

A very lightweight and flexible accessible modal dialog script.

• Host: GitHub
• URL: https://github.com/edenspiekermann/a11y-dialog
• Owner: KittyGiraudel
• License: mit
• Created: 2016-02-11T11:01:11.000Z (almost 9 years ago)
• Default Branch: main
• Last Pushed: 2024-06-10T04:38:43.000Z (5 months ago)
• Last Synced: 2024-06-11T17:19:42.651Z (5 months ago)
• Topics: a11y, accessibility, dialog, modal
• Language: JavaScript
• Homepage: https://a11y-dialog.netlify.app
• Size: 7.37 MB
• Stars: 2,381
• Watchers: 31
• Forks: 131
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# [A11y Dialog](https://a11y-dialog.netlify.app)

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

- [Documentation ↗](https://a11y-dialog.netlify.app)

- [Demo on CodeSandbox ↗](https://codesandbox.io/s/a11y-dialog-v8-5gqfz8)

## Features

- Follows the [Dialog (Modal) pattern](https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/) from the ARIA Authoring Practices Guide (APG)

- Supports [alert dialogs](https://w3c.github.io/aria/#alertdialog) 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

- Is unopinionated with styling

- Is extensively tested and documented

- Is fast and tiny

## Contributing

Contributing guidelines can be found in [CONTRIBUTING.md](https://github.com/KittyGiraudel/a11y-dialog/blob/main/CONTRIBUTING.md)