Przejdź do treści głównej
INF.03Pytanie #1159 z 1558html-formularze

Na stronie jest dynamiczny formularz, w którym po nieudanej walidacji pojawia się komunikat o błędzie. Jakie rozwiązanie HTML/ARIA jest najlepsze, aby użytkownicy czytników ekranu zostali o tym błędzie natychmiast poinformowani?

Opcje odpowiedzi:
A
Zwykłe wstawienie tekstu błędu do drzewa DOM za pomocą JavaScriptu.
B
Dodanie komunikatu do pustego elementu, który ma atrybut role="status".
C
Dodanie komunikatu do pustego elementu, który ma atrybut role="alert".
Prawidłowa
D
Użycie standardowej funkcji JavaScript alert("Błąd walidacji!").
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: C (Dodanie komunikatu do pustego elementu, który ma atrybut role="alert".)

Wskazana opcja Dodanie komunikatu do pustego elementu, który ma atrybut role="alert". jest poprawna. Dokładnie odpowiada zasadom i mechanizmom określonym w specyfikacji języka i technologii bazodanowych dla tego zagadnienia.

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: Czytnik ekranu najprawdopodobniej nie zauważy takiej zmiany, ponieważ jego „wirtualny kursor” znajduje się w innym miejscu na stronie.
  • B: role="status"** (lub aria-live="polite") również tworzy region na żywo, ale jest on „uprzejmy” – czytnik ekranu poczeka, aż użytkownik przestanie wchodzić w interakcję ze stroną i dopiero wtedy ogłosi zmianę. Jest to dobre dla mniej pilnych komunikatów, jak „Zapisano formularz”.
  • D: Funkcja alert() jest blokująca, modalna i często uznawana za przestarzałą i irytującą. Przerywa interakcję ze stroną i jest złym rozwiązaniem z punktu widzenia UX i dostępności.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Html formularze”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 36 pytań z tego działu.