Progettare e provare una finestra modale

Tempo di lettura stimato : 1 min · Pubblicato 2026-10-07

Cosa verificare

Usate un dialogo quando il compito giustifica un'interruzione. Verificate nome accessibile, focus iniziale, percorso da tastiera e chiusura. Alla chiusura riportate il focus al controllo appropriato. Provate errori, contenuti lunghi e schermi piccoli senza bloccare inutilmente il visitatore.

Documenti di riferimento

W3C WAI — Modal dialog · Fonte consultata 2026-10-08
MDN — HTML dialog

Contenuto aggiornato 2026-10-08

Annotate le verifiche e i risultati nel registro dei test web

Matrice di convalida funzionale per adattarsi al progetto

Questi controlli proposti utilizzano casi fittizi. Decidi quale comportamento è previsto con il team, annota il risultato e assegna discrepanze irrisolte prima della pubblicazione.

Scorri la tabella orizzontalmente per leggere tutte le colonne. Con la tastiera, porta il focus sulla tabella e usa i tasti freccia.

Casi di test, risultati attesi e prove utili
Caso	risultato atteso	Prova da mantenere
Aprire il dialogo, percorrerlo con Tab e chiuderlo con Escape	Il focus rimane nel dialogo aperto e torna a un controllo logico alla chiusura.	Sequenza del focus, nome annunciato e prova con contenuto lungo.