Modal je překryvné okno (overlay), které se otevře nad hlavním obsahem a vyžaduje interakci uživatele. Slouží k řešení konkrétního úkolu nebo potvrzení akce a dočasně blokuje přístup k ostatnímu obsahu aplikace.
WCAG 2.2Klávesnice
Hlavička s ikonou, titulkem a description
Obsah modalu
Zavírací tlačítko
Action zóna
Použití
Kdy používáme
Pokud je potřeba získat jasné potvrzení od uživatele (delete, submit).
Pro krátké úkoly nebo doplňující formuláře.
Pro upozornění na kritické informace (např. chyba, varování).
Pro načítání obsahu z jiné domény (architektura Microfrontendů)
Kdy nepoužíváme
Pro rozsáhlý obsah nebo dlouhé formuláře (lepší je side sheet nebo samostatná stránka).
Pokud akce není dostatečně důležitá → modal je intruzivní.
Pokud by příliš časté používání rušilo uživatelský tok.
