KWALIFIKACJA INF3 - TEST WIEDZY NR 1

PYTANIE NR 7.
Przyjmij, że pracujesz nad projektem strony internetowej dla klienta, który chce, aby strona była zgodna z normami WCAG 2.1. Które z poniższych elementów musisz uwzględnić w swoim projekcie?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
WCAG 2.1 wymaga, aby treści były postrzegalne także dla osób z zaburzeniami rozróżniania barw. Dlatego w projekcie trzeba uwzględnić dobór kolorów i kontrast oraz unikać przekazywania informacji wyłącznie kolorem, aby użytkownik z daltonizmem nie utracił kluczowych komunikatów.

Pełne wyjaśnienie:

Zgodność z WCAG 2.1 oznacza projektowanie tak, by jak najszersza grupa użytkowników mogła skutecznie korzystać ze strony, w tym osoby z zaburzeniami widzenia barw (np. różne postacie daltonizmu). Odpowiedź "Zastosowanie odpowiednich kolorów dla osób z daltonizmem" odnosi się do kluczowej zasady: nie opieraj przekazu informacji wyłącznie na kolorze oraz zapewnij czytelność (m.in. poprzez właściwy kontrast i dobór barw).

W praktyce oznacza to m.in.:

  • stosowanie palet kolorów, które pozostają rozróżnialne przy zaburzeniach barw,
  • zapewnienie odpowiedniego kontrastu tekstu i elementów interfejsu,
  • dodanie dodatkowych wskaźników poza kolorem (ikony, podkreślenia, etykiety tekstowe), np. gdy pole formularza ma błąd.

Pozostałe propozycje nie są bezpośrednimi wymaganiami wynikającymi z WCAG w sposób, w jaki sformułowano je w odpowiedziach. "Włączenie opcji zmiany języka na stronie" bywa elementem użyteczności i może wspierać zrozumiałość treści, ale sama możliwość przełączenia języka nie jest typowym, uniwersalnym kryterium zgodności w takim ujęciu. "Dodanie animacji do strony" nie zwiększa dostępności; animacje mogą wręcz wprowadzać bariery (np. rozpraszać, powodować dyskomfort), więc nie są czymś, co "trzeba" dodać dla zgodności. "Zastosowanie najnowszych trendów w projektowaniu stron" to hasło marketingowe i nie ma związku z kryteriami dostępności.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawia się WCAG, szukaj odpowiedzi odnoszących się do percepcji, operowalności (klawiatura), zrozumiałości (jasne etykiety) i solidności (semantyka). "Trendy" i "efekty" rzadko są wymogiem dostępności.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
WCAG 2.1 to zestaw wytycznych dostępności treści internetowych. Pomaga projektować strony tak, aby były użyteczne dla osób z różnymi ograniczeniami (np. słabszy wzrok, daltonizm, korzystanie z klawiatury). Na egzaminie oznacza to wymagania dotyczące czytelności, nawigacji i zrozumiałości.
Kolor nie może być jedynym nośnikiem informacji, bo część użytkowników nie rozróżnia barw tak jak osoby bez zaburzeń widzenia. Dlatego komunikaty (np. błąd formularza) powinny mieć też tekst/ikonę, a projekt powinien zapewniać odpowiednią czytelność i kontrast elementów.
Najprościej użyć narzędzi do testowania kontrastu oraz symulatorów daltonizmu w przeglądarce lub wtyczkach deweloperskich. Weryfikuj nie tylko tekst, ale też ikony, wykresy i stany komponentów (hover/active/disabled), aby przekaz nie znikał po "utracie" barwy.
Oznacza to, że jeśli coś jest ważne (np. wymagane pole, błąd, status), nie wystarczy oznaczyć tego na czerwono/zielono. Trzeba dodać drugi kanał: tekst, ikonę, wzór, podkreślenie lub komunikat. Dzięki temu osoba z daltonizmem nadal zrozumie przekaz.
Sama "opcja przełączania języka" nie jest typowym, uniwersalnym wymogiem zgodności. WCAG kładzie nacisk na poprawne określanie języka treści i czytelność komunikatów, ale to nie to samo co obowiązkowy przełącznik języka. Funkcja może być przydatna, lecz nie wynika automatycznie z WCAG.
Nie muszą pomagać, a czasem przeszkadzają. Animacje mogą rozpraszać lub powodować dyskomfort u części użytkowników. Z perspektywy dostępności ważniejsze jest, aby ruch nie utrudniał odbioru treści i dało się go ograniczyć, a nie to, żeby animacje "w ogóle były".
Częste błędy to: zbyt niski kontrast tekstu, oznaczanie błędów tylko kolorem, brak widocznego fokusu klawiatury, niejasne etykiety pól oraz zbyt "klikane" elementy, które nie są prawdziwymi przyciskami/linkami. Na egzaminie warto kojarzyć WCAG z konkretnymi barierami użytkowników.
W INF.3 WCAG łączy się z praktyką: semantyczny HTML, czytelne formularze, poprawne etykiety, nawigacja klawiaturą oraz stylowanie zapewniające kontrast i widoczny fokus. To nie jest wyłącznie teoria — w zadaniach liczą się realne decyzje projektowe w kodzie i UI.
Wymagania WCAG dotyczą dostępności: czy użytkownik może zobaczyć, obsłużyć i zrozumieć treść niezależnie od ograniczeń. "Trendy" dotyczą estetyki i mody. Jeśli odpowiedź brzmi jak marketing ("najnowsze trendy"), zwykle nie jest kryterium dostępności.
Sprawdź: przyciski i ich stany (aktywny/nieaktywny), linki, wykresy, mapy, znaczniki statusu (sukces/błąd), walidację formularzy oraz komunikaty alertów. Upewnij się, że poza barwą jest też tekst/ikona i że kontrast zapewnia odczyt treści w typowych warunkach.
info

Około 67% zdających odpowiada poprawnie na to pytanie. średnie

W praktyce zawodowej kluczowe jest to, że wCAG 2.1 wymaga, aby treści były postrzegalne także dla osób z zaburzeniami rozróżniania barw.

Źródła:

  • W3C Recommendation: Web Content Accessibility Guidelines (WCAG) 2.1, https://www.w3.org/TR/WCAG21/ (dostęp: 2026-03-01)
  • W3C WAI: Understanding Success Criterion 1.4.1 Use of Color (WCAG 2.1), https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html (dostęp: 2026-03-01)
  • W3C WAI: Understanding Success Criterion 1.4.3 Contrast (Minimum) (WCAG 2.1), https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja W3C WAI dotycząca WCAG i kryteriów sukcesu
  • Checklisty dostępności (a11y) do przeglądu projektu UI
  • Narzędzia do testowania kontrastu (contrast checker) i audytu dostępności w przeglądarce

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego