INTERFEJS DEMO · WERSJA 1.0
Ten sam formularz, dwa warianty
Porównaj układ na małym ekranie, obsługę klawiaturą i semantykę komunikatów. Wariant A ma cztery celowe defekty. Wariant B poprawia te cztery elementy; nie stanowi potwierdzenia pełnej zgodności z WCAG.
Lokalna symulacja. Formularz nie wysyła ani nie zapisuje danych. Używaj fikcyjnego adresu, np. qa@example.com.
Wymagania do porównania
- Przy szerokości 360 px główna treść ma mieścić się bez poziomego przewijania całej strony.
- Menu ma dać się otworzyć i zamknąć klawiaturą, a jego stan ma być programowo dostępny.
- Pole e-mail ma mieć trwałą, powiązaną programowo etykietę.
- Komunikat po wysłaniu ma być przygotowany do ogłoszenia bez przenoszenia fokusu.
Inspekcja HTML nie zastępuje próby z czytnikiem ekranu. Ręcznie sprawdź również powiększenie 200% oraz zachowanie na rzeczywistym urządzeniu.
Instrukcja i rozwiązanie