Selezione MIT Accessibilità

Finestra di dialogo accessibile

KittyGiraudel/a11y-dialog

a11y-dialog è un piccolo script, dichiarato di 1,7 Kb, per creare finestre di dialogo modali accessibili seguendo il pattern Dialog (Modal) dell’ARIA Authoring Practices Guide.

Piccola finestra luminosa cerchiata di luce, sospesa sopra strati ondulati in penombra.
Autore
KittyGiraudel
Linguaggio
TypeScript
Licenza
MIT
Stelle GitHub
2490
Ultima attività
Categoria
Accessibilità

Licenza verificata il 25/10/2026. Stelle e ultima attività rilevate su GitHub alla stessa data.

Presentazione

a11y-dialog è uno script leggero e flessibile per costruire finestre di dialogo accessibili. Il README dichiara 1,7 Kb, indica che segue il pattern Dialog (Modal) dell’ARIA Authoring Practices Guide e che supporta gli alertdialog secondo la specifica WAI-ARIA.

Espone eventi per reagire ai cambiamenti e offre sia un’API DOM sia un’API JavaScript. Gestisce anche le finestre annidate, che il README stesso definisce discutibili, funziona con Shadow DOM e web component e non impone alcuno stile. Il README rimanda a un sito di documentazione e a una demo su CodeSandbox per l’utilizzo.

Punti di forza

  • Segue il pattern Dialog (Modal) dell’ARIA Authoring Practices Guide (APG).
  • Supporta gli alertdialog, come da specifiche WAI-ARIA.
  • Espone eventi per reagire ai cambiamenti, con un’API DOM e un’API JavaScript.
  • Compatibile con Shadow DOM e web component; nessuno stile imposto.
  • Dimensione dichiarata di 1,7 Kb, con test e documentazione descritti come estesi.

Per chi

Per gli sviluppatori web che vogliono finestre modali o alertdialog conformi al pattern ARIA APG, mantenendo il controllo sull’aspetto.

Installazione

Il README non contiene alcun passaggio di installazione: rimanda al sito di documentazione e a una demo su CodeSandbox. Il package.json del repository dichiara un pacchetto chiamato a11y-dialog, nella versione 8.1.5.

Leggete il README su GitHub

Punti di attenzione

  • Lo script non impone alcuno stile: l’aspetto della finestra e del suo sfondo va scritto in proprio.
  • Le finestre annidate sono supportate, ma il README stesso aggiunge «however questionable» (discutibile).

Utilizzabile da un agente?

Nessun SKILL.md, AGENTS.md, CLAUDE.md, regola Cursor o server MCP trovato nella radice o nel README. È una libreria JavaScript per interfacce web.

Mi piace e commenti

Senza account: un «mi piace» per browser, che potete togliere. I commenti sono pubblicati dopo la revisione.

Questo progetto è ospitato dal suo autore: i vostri commenti riguardano questa scheda, non il codice. Per segnalare un problema del progetto, usate il suo repository.

Selezione MIT

Dati ISTAT per il vostro agente

ondata/istat_mcp_server

Un server MCP che interroga le statistiche ufficiali italiane, fornito con il suo SKILL.md.

Fatto da SOGNI DIGITALI

Design system completo

design-system-builder

Una pagina interattiva multilingue e il file design.md che leggono i vostri agenti di codice.

Uno skill su misura per il vostro mestiere?

Scriviamo anche skill privati, a vostro nome. Parliamone in una chiamata di 30 minuti.

Prenotate la chiamata gratuita (30 min)