Specjalista ds. dostępności cyfrowej — Praca krok po kroku
Formularz zapisu z błędem
Praca krok po kroku · Lekcja 3 z 6
Semantyka, nazwy i komunikaty
Używaj elementów zgodnych z funkcją. Przyciski i pola potrzebują zrozumiałej nazwy. Komunikaty po akcji powinny być dostępne także bez przenoszenia wzroku.
- Co zrobić najpierwFunkcja
- Co zrobić dalejDostępna nazwa
- Jak zakończyćInformacja o skutku
Przykład z pracy
Przycisk z samą ikoną lupy ma nazwę „Szukaj”. Po filtrowaniu komunikat podaje liczbę wyników, zachowując położenie fokusu.
Ćwiczenie praktyczne
Przygotuj trzy przykłady nazw kontrolek i komunikat po wysłaniu formularza.
Formularz zapisu z błędem
Podejmij decyzję
Wróć do notatki z początku sprawy. Zapisz pierwsze działanie i wyjaśnij, jak pomoże rozwiązać sytuację.
Pokaż przykładową reakcję
Zapisz kolejność działań i zaproponuj kryterium poprawki sprawdzalne klawiaturą. Zespół widzi, gdzie użytkownik traci możliwość samodzielnego zakończenia zapisu.
Sprawdź się — opcjonalne pytanie
Co powinna wyjaśniać nazwa kontrolki?
- Działanie lub cel elementu
- Dokładny kolor ikony
- Pozycję przycisku w kodzie
Pokaż odpowiedź i wyjaśnienie
Działanie lub cel elementu. Nazwa przekazuje funkcję niezależnie od wyglądu elementu.
Praca krok po kroku · Lekcja 4 z 6
Kontrast i treść przy powiększeniu
Sprawdź kontrast tekstu i elementów interfejsu odpowiednią metodą. Przetestuj powiększenie i wąski ekran, zwracając uwagę na czytelność i zachowanie funkcji.
- Co zrobić najpierwPowiększenie
- Co zrobić dalejKontrola układu
- Jak zakończyćSprawdzenie wykonania zadania
Przykład z pracy
Powiększona karta formularza chowa przycisk poza poziomym obszarem widoku. Jednokolumnowy układ pomaga utrzymać dostępność czynności.
Ćwiczenie praktyczne
Sprawdź kartę przy powiększeniu i w wąskim oknie. Udokumentuj, które informacje i działania są nadal dostępne.
Sprawdź się — opcjonalne pytanie
Co powinien potwierdzić test powiększenia?
- Zgodność wyglądu ze zrzutem w skali 100%
- Zachowanie treści i funkcji w powiększonym widoku
- Szybsze działanie kursora
Pokaż odpowiedź i wyjaśnienie
Zachowanie treści i funkcji w powiększonym widoku. Powiększenie może zmienić układ, a treść i obsługa powinny pozostać dostępne.