Dostępność cyfrowa

Treści i funkcje, które pojawiają się w oknach dialogowych i modalnych, to ważne elementy interaktywności stron internetowych. Rozwiązania te nie są problematyczne, o ile dostęp do nich mają wszyscy użytkownicy.

Wyskakujące okienko może mieć charakter:

• informacyjny — na przykład ostrzega, że kończy się limit czasu, aby wykonać działania, informuje o konieczności zaznaczenia zgody na przetwarzanie danych osobowych;
• interaktywny — na przykład wymaga zaznaczenia w oknie dialogowym jednej z opcji: Kontynuuj zakupy lub Przejdź do koszyka.

W zależności od charakteru okienka, sposób jego wdrożenia jest różny:

• okna informacyjne (tzw. alerty) powinny zgłaszać treść użytkownikowi, ale w sposób, który nie wpływa na wykonywane przez niego działania (dla czytników ekranu taki komunikat należy oznaczyć za pomocą role=”alert”);
• okienka, w których niezbędna jest interakcja, czyli użycie na przykład jakiegoś przycisku, oprócz zgłoszenia treści powinny przenosić punkt skupienia użytkownika do takiego okienka, łącznie z przeniesieniem fokusu klawiatury na to okienko lub na pierwszy jego element interaktywny (w tej sytuacji dla czytników ekranu zdecydowanie lepsza jest role="alertdialog" połączona z opisem, który informuje o przeznaczeniu lub zawartości okienka).

W praktykach autorskich WAI-ARIA W3C znajdziesz wzorce projektowe wyskakujących okienek powiadomień, wraz z podpowiedziami znaczników ARIA oraz obsługi takich okienek za pomocą przycisków (klawiatury).

Jednocześnie niektóre cechy i zachowania takich okienek, bez względu na ich charakter, są uniwersalne:

• powiadomienie użytkowników technologii asystujących (np. czytników ekranu, programów powiększających) o wyskakującym okienku i jego zawartości;
• brak wyświetlania wyskakujących okienek po najechaniu myszą — takie okienko powinno się wyświetlać dopiero po naciśnięciu Enter lub Spacji albo po kliknięciu myszą;
• brak automatycznie znikającej zawartości okienka;
• dostęp do zawartości wyskakującego okienka za pomocą myszy i klawiatury;
• standardowa obsługa okienka, na przykład: aktywacja przycisków Spacją lub Enterem, zamykanie okienka klawiszem Escape, po zamknięciu okienka powrót fokusu do elementu, który wywołał wyskakujące okienko itp.