Modal (okno modalne) to okno wyświetlane nad zawartością strony, które blokuje interakcję z tłem, dopóki użytkownik go nie zamknie lub nie wykona wymaganej akcji. Używa się go do potwierdzeń, formularzy i krótkich komunikatów.
Kiedy stosować okno modalne?
Do ważnych potwierdzeń, krótkich formularzy lub komunikatów wymagających decyzji. Nie nadużywaj ich do reklam i newsletterów, bo przerywają zadania i irytują użytkowników.
Jak zrobić dostępny modal?
- przenieś fokus do okna po otwarciu i zwróć go po zamknięciu,
- zablokuj fokus wewnątrz okna,
- umożliw zamknięcie klawiszem Esc,
- oznacz rolę
dialogi tytuł.
Modal a SEO
Natrętne okna na urządzeniach mobilnych, które zasłaniają treść zaraz po wejściu, Google traktuje jako uciążliwe okienka. Mogą obniżać ocenę strony i pogorszyć wskaźniki UX.
Okno powinno przechwytywać fokus, zamykać się klawiszem Esc i zwracać fokus do elementu, który je otworzył.
Wyskakujące okna zasłaniające treść zaraz po wejściu na stronę mogą naruszać wytyczne Google dotyczące uciążliwych elementów pełnoekranowych na telefonach.
W pracy nad produktem uwzględnia się to na kolejnych etapach, jakie obejmuje proces projektowania UX.
Zobacz w praktyce
Proces projektowania UX krok po kroku – od badań do testów 
Jak zmniejszyć rozmiar DOM i przyspieszyć stronę 
Testy A/B w GA4 – jak je prowadzić i mierzyć po wyłączeniu Google Optimize