Tworzenie dostępnych zasobów: Formularze

Formularze są kluczową częścią interakcji użytkownika na stronach docelowych i witrynach internetowych, niezależnie od tego, czy chodzi o rejestrację, dokonywanie zakupów czy przesyłanie informacji. Aby upewnić się, że każdy może z nich korzystać, formularze muszą być zaprojektowane z myślą o dostępności. W tym artykule omówiono najlepsze praktyki dotyczące oznaczania pól, dostarczania jasnych instrukcji, zarządzania błędami i obsługi nawigacji za pomocą klawiatury, aby wszyscy użytkownicy mogli z łatwością wypełniać Twoje formularze.

Wymagania

• Wszystkie etykiety muszą być programowo powiązane z odpowiadającymi im elementami.
• Wszystkie etykiety muszą być dostępne jako programowo rozpoznawalny tekst.
• Wszystkie etykiety muszą być znaczące.
• Tekst zastępczy jest dozwolony, ale nie może być używany jako jedyna metoda dostarczania etykiety do wprowadzania tekstu.
• W przypadku użycia wielu etykiet dla jednego elementu, każda etykieta musi być programowo powiązana z odpowiednim elementem.
• Gdy jedna etykieta jest używana dla wielu elementów, etykieta musi być programowo powiązana z każdym z odpowiednich elementów.
• Etykiety grup muszą być programowo powiązane z grupą, jeśli indywidualne etykiety dla każdego elementu w grupie są niewystarczające (np. grupa przycisków radiowych, która ma etykietę grupową oraz indywidualne etykiety dla każdej opcji radiowej).
• Instrukcje dotyczące rozumienia i obsługi treści nie mogą opierać się wyłącznie na cechach sensorycznych komponentów, takich jak:
  • kształt,
  • kolor,
  • rozmiar,
  • lokalizacja wizualna,
  • orientacja,
  • dźwięk.
• Ikony lub grafika mogą być używane jako jedyna etykieta wizualna (bez tekstu wizualnego) tylko wtedy, gdy znaczenie ikony jest wizualnie oczywiste i istnieje programowo powiązana etykieta semantyczna dostępna dla technologii wspomagających.
• Etykiety muszą być widoczne.
• Instrukcje dla elementu muszą być programowo powiązane z elementem.
• Instrukcje dla elementu muszą być dostępne jako programowo definiowalny tekst.
• Instrukcje dla elementu muszą być znaczące.
• Widoczne instrukcje wprowadzania: Instrukcje dla elementu muszą być widoczne.
• W przypadku elementów interfejsu użytkownika z etykietami zawierającymi tekst lub obrazy tekstu, nazwa musi zawierać tekst prezentowany wizualnie.
• Etykieta programowa musi zawierać ten sam tekst, co etykieta wizualna, aby ułatwić aktywację głosową.
• Jeśli świadomość wyłączonego pola jest niezbędna do zrozumienia treści, należy zapewnić alternatywny sposób przekazywania informacji o wyłączonym polu.
• Wynika to z faktu, że wyłączone pola nie znajdują się domyślnie w normalnej kolejności kart, co utrudnia użytkownikom czytników ekranu ich wykrycie.
• Użytkownicy MUSZĄ mieć wystarczająco dużo czasu na wypełnienie formularza, stosując co najmniej jedną z poniższych metod:
  • brak limitu czasu,
  • możliwość wyłączenia limitu czasu,
  • możliwość przedłużenia limitu czasu,
  • możliwość dostosowania / dostosowania limitu czasu,
  • minimum 20 godzin na wypełnienie formularza.
• Informacje wprowadzone wcześniej przez użytkownika lub dostarczone użytkownikowi, które należy wprowadzić ponownie w tym samym procesie, są albo:
  • automatycznie wypełniane, lub
  • dostępne do wyboru przez użytkownika.
• Z wyjątkiem sytuacji, gdy:
  • ponowne wprowadzenie informacji jest niezbędne,
  • informacje są wymagane w celu zapewnienia bezpieczeństwa treści,
  • lub wcześniej wprowadzone informacje są już nieaktualne.
• Test funkcji poznawczych (taki jak zapamiętanie hasła lub rozwiązanie zagadki) nie może być wymagany na żadnym etapie procesu uwierzytelniania.
  • “Rozpoznawanie obiektów” i “Treści osobiste” mogą być reprezentowane przez obrazy, wideo lub audio.

Wyjątki

Wprowadzanie zbędnych informacji

Wyjątki są dozwolone, gdy

• ponowne wprowadzenie informacji jest niezbędne,
• informacje są wymagane w celu zapewnienia bezpieczeństwa treści,
• lub poprzednio wprowadzone informacje są już nieaktualne.

Uwierzytelnianie

Test funkcji poznawczych (taki jak zapamiętywanie hasła lub rozwiązywanie łamigłówek) NIE MOŻE być wymagany na żadnym etapie procesu uwierzytelniania, chyba że etap ten zapewnia co najmniej jedną z poniższych możliwości:

• Inna metoda uwierzytelniania, która nie opiera się na teście funkcji poznawczych.
• Dostępny jest mechanizm pomagający użytkownikowi w wykonaniu testu funkcji poznawczych.
• Test funkcji poznawczych polega na rozpoznawaniu obiektów.
• Test funkcji poznawczych ma na celu identyfikację treści nietekstowych dostarczonych przez użytkownika do witryny internetowej.

Przykłady

	TAK: Formularz zawiera kilka wymaganych pól. Etykiety wymaganych pól są wyświetlane na czerwono. Na końcu każdej etykiety znajduje się znak gwiazdki, *. TAK: Pola mają ikony pomocnicze reprezentujące stan wejścia, np. blokadę. TAK: Wszystkie stany wejściowe są łatwo rozpoznawalne.
	Mechanizmy spełniające kryterium 3.3.8 obejmują: wsparcie dla wprowadzania haseł przez menedżery haseł w celu zmniejszenia zapotrzebowania na pamięć, kopiowanie i wklejanie w celu zmniejszenia obciążenia poznawczego związanego z ponownym wpisywaniem.