Sélection MIT Accessibilité

Fenêtre de dialogue accessible

KittyGiraudel/a11y-dialog

a11y-dialog est un petit script, annoncé à 1,7 Ko, pour créer des fenêtres de dialogue modales accessibles en suivant le motif Dialog (Modal) de l’ARIA Authoring Practices Guide.

Petite fenêtre lumineuse cerclée de lumière, flottant au-dessus de couches ondulées dans la pénombre.
Auteur
KittyGiraudel
Langage
TypeScript
Licence
MIT
Étoiles GitHub
2 490
Dernière activité
Catégorie
Accessibilité

Licence vérifiée le 25/10/2026. Étoiles et dernière activité relevées sur GitHub à la même date.

Présentation

a11y-dialog est un script léger et flexible pour construire des fenêtres de dialogue accessibles. Le README annonce 1,7 Ko, indique qu’il suit le motif Dialog (Modal) de l’ARIA Authoring Practices Guide et qu’il prend en charge les alertdialog au sens de la spécification WAI-ARIA.

Il expose des événements pour réagir aux changements et fournit une API DOM et une API JavaScript. Il gère aussi les dialogues imbriqués, que le README qualifie lui-même de discutables, fonctionne avec le Shadow DOM et les web components, et n’impose aucun style. Le README renvoie à un site de documentation et à une démo CodeSandbox pour la mise en œuvre.

Points forts

  • Suit le motif Dialog (Modal) de l’ARIA Authoring Practices Guide (APG).
  • Prend en charge les alertdialog, conformément aux spécifications WAI-ARIA.
  • Expose des événements pour réagir aux changements, avec une API DOM et une API JavaScript.
  • Compatible avec le Shadow DOM et les web components ; aucun style imposé.
  • Taille annoncée de 1,7 Ko, avec des tests et une documentation décrits comme étendus.

Pour qui

Pour les développeurs web qui veulent des fenêtres modales ou des alertdialog conformes au motif ARIA APG, tout en gardant la main sur l’apparence.

Installation

Le README ne contient aucune étape d’installation : il renvoie au site de documentation et à une démo CodeSandbox. Le package.json du dépôt déclare un paquet nommé a11y-dialog, en version 8.1.5.

Lire le README sur GitHub

Points d’attention

  • Le script n’impose aucun style : l’apparence de la fenêtre et de son fond est à écrire soi-même.
  • Les dialogues imbriqués sont pris en charge, mais le README ajoute lui-même « however questionable » (discutable).

Utilisable par un agent ?

Aucun SKILL.md, AGENTS.md, CLAUDE.md, règle Cursor ni serveur MCP trouvé à la racine ou dans le README. C’est une bibliothèque JavaScript pour interfaces web.

J’aime et commentaires

Sans compte : un « j’aime » par navigateur, que vous pouvez retirer. Les commentaires sont publiés après relecture.

Ce projet est hébergé par son auteur : vos commentaires portent sur cette fiche, pas sur le code. Pour signaler un problème du projet, passez par son dépôt.

Autres skills

Tout le catalogue
Sélection MIT

Données ISTAT pour votre agent

ondata/istat_mcp_server

Un serveur MCP qui interroge les statistiques officielles italiennes, livré avec son SKILL.md.

Fait par SOGNI DIGITALI

Design system complet

design-system-builder

Une page interactive multilingue et le fichier design.md que lisent vos agents de code.

Un skill sur mesure pour votre métier ?

Nous écrivons aussi des skills privés, à votre nom. Parlons-en lors d'un appel de 30 minutes.

Réserver l'appel gratuit (30 min)