KWALIFIKACJA INF3 - TEST WIEDZY NR 3

PYTANIE NR 15.
Przy projektowaniu stron internetowych dla użytkowników z różnymi niepełnosprawnościami, jakie są kluczowe aspekty kontrastu, które należy uwzględnić?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Kontrast w dostępności WWW dotyczy przede wszystkim relacji barw/jasności między treścią a tłem, bo wpływa na czytelność dla osób słabowidzących i w trudnych warunkach oświetlenia.
Dlatego kluczowe są kolor tła i kolor tekstu, a nie krój czcionki, animacje czy sam układ.

Pełne wyjaśnienie:

W projektowaniu dostępnych stron internetowych kontrast odnosi się do tego, jak wyraźnie treść odcina się od tła. Najczęściej chodzi o tekst względem tła, bo to bezpośrednio warunkuje, czy użytkownik jest w stanie szybko i bez wysiłku odczytać informacje (szczególnie osoby słabowidzące, starsze, z obniżoną percepcją barw lub korzystające z urządzeń w silnym świetle).

Odpowiedź "Kolor tła i kolor tekstu" jest poprawna, ponieważ to właśnie dobór tych dwóch elementów determinuje poziom rozróżnialności. W praktyce ocenia się nie tylko "inne kolory", ale też różnicę jasności (luminancji) – stąd znaczenie dobrze dobranych par barw w motywach jasnych i ciemnych.

Pozostałe propozycje nie opisują kontrastu:

  • "Rozmiar i rodzaj czcionki" wpływają na czytelność, ale to obszar typografii (np. wielkość, krój, interlinia). Można mieć dużą czcionkę, która nadal jest słabo widoczna przy zbyt małym kontraście.
  • "Animacje i efekty wizualne" to elementy atrakcyjności i dynamiki interfejsu; mogą nawet utrudniać odbiór. Nie są podstawowym parametrem kontrastu, a czasem odwracają uwagę od treści.
  • "Ułożenie elementów na stronie" dotyczy układu i hierarchii informacji (layout). Dobrze ułożony interfejs nadal może być nieczytelny, jeśli tekst "zlewa się" z tłem.

W nauce do egzaminu warto zapamiętać prostą zasadę: jeśli pytanie dotyczy kontrastu, szukaj odpowiedzi o relacji treść–tło (kolor/jasność), a nie o rozmiarze, animacjach czy układzie.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kontrast to różnica jasności/koloru między treścią (np. tekstem, ikoną) a tłem. Im lepszy kontrast, tym łatwiej odczytać informacje osobom słabowidzącym oraz w trudnych warunkach (np. słońce na ekranie). To jeden z kluczowych elementów dostępności.
Najczęściej sprawdza się kontrast tekstu do tła, ale ważne są też ikony, elementy formularzy, komunikaty o błędach oraz grafiki zawierające tekst. W praktyce każdy element niosący informację powinien być wyraźnie odróżnialny od tła.
Przy obniżonej ostrości wzroku lub gorszej percepcji barw drobne różnice kolorów "zlewają się". Wysoki kontrast pomaga szybciej rozpoznać litery i zmniejsza zmęczenie wzroku. To bezpośrednio wpływa na zrozumienie treści i komfort korzystania.
Najprościej użyć narzędzia do sprawdzania kontrastu: wybierasz kolor tekstu i tła, a narzędzie wylicza, czy zestaw jest czytelny według powszechnie stosowanych wytycznych. W pracy technika informatyka to szybki sposób na weryfikację motywów i komponentów UI.
Nie. Większa czcionka może trochę pomóc, ale przy bardzo zbliżonych kolorach tekst nadal będzie trudny do odczytania. Typografia i kontrast to dwa różne obszary: najlepiej zadbać o oba jednocześnie, zamiast "ratować" problem tylko rozmiarem.
Częste błędy to jasnoszary tekst na białym tle, zbyt delikatne placeholdery w polach formularza, linki odróżniane wyłącznie kolorem oraz przyciski o podobnym kolorze jak tło. Problem nasila się w trybie mobilnym i przy jasnym oświetleniu.
Zwykle nie. Animacje mogą przyciągać uwagę, ale nie rozwiązują problemu z rozróżnialnością treści od tła. W skrajnych przypadkach mogą pogorszyć odbiór (rozpraszanie, zmęczenie). Dostępność kontrastu osiąga się głównie doborem barw i jasności.
Nawet przy dobrym kontraście strona może być trudna w odbiorze, jeśli ma zbyt małą czcionkę, złą interlinię, długie linie tekstu, chaos w układzie lub brak nagłówków. Kontrast jest warunkiem koniecznym, ale nie jedynym elementem czytelności.
Najczęściej najlepiej wypadają zestawy o dużej różnicy jasności, np. bardzo ciemny tekst na jasnym tle lub jasny tekst na ciemnym tle. Trzeba jednak zawsze sprawdzać konkretne pary kolorów, bo "ładne" zestawienia marketingowe często mają zbyt niski kontrast.
Ucz się przez praktykę: projektuj proste widoki (formularz, lista, panel) i sprawdzaj kontrast, czytelność oraz obsługę klawiaturą. Zapamiętaj podstawowe pojęcia: kontrast treści do tła, rozróżnialność, czytelność. To typowe tematy w zadaniach o UI/UX.
info

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

Źródła:

  • W3C Recommendation: Web Content Accessibility Guidelines (WCAG) 2.2, sekcja 1.4 Distinguishable oraz kryterium 1.4.3 Contrast (Minimum) – https://www.w3.org/TR/WCAG22/ (dostęp: 2026-03-04)
  • W3C: Understanding Success Criterion 1.4.3 Contrast (Minimum) – https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html (dostęp: 2026-03-04)
  • WebAIM: Contrast and Color Accessibility (materiał edukacyjny o kontraście) – https://webaim.org/articles/contrast/ (dostęp: 2026-03-04)

Materiały:

  • Dokumentacja W3C: WCAG 2.2 – kryteria dotyczące rozróżnialności (contrast)
  • Materiały edukacyjne WebAIM o kontraście i czytelności
  • Narzędzia do sprawdzania kontrastu (np. contrast checkery) i praktyka na własnych projektach

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego