KWALIFIKACJA INF3 - TEST WIEDZY NR 1

PYTANIE NR 19.
Jakie jest zalecane minimum kontrastu (stosunek) między tekstem a tłem dla treści internetowej, aby była dostępna dla osób z niedowidzeniem?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Minimalny zalecany kontrast tekstu do tła dla zwykłego (nie "dużego") tekstu w treści WWW wynosi 4.5:1. Taki próg poprawia czytelność dla osób z niedowidzeniem. Wartość 3:1 dotyczy innych przypadków (np. większego tekstu), a wyższe progi nie są "minimum", tylko bardziej rygorystycznym wymaganiem.

Pełne wyjaśnienie:

Kontrast (stosunek luminancji) między kolorem tekstu a kolorem tła to jeden z kluczowych parametrów dostępności treści internetowej. Zbyt niski kontrast powoduje, że litery "zlewają się" z tłem, co szczególnie utrudnia czytanie osobom z niedowidzeniem, ale także użytkownikom w trudnych warunkach (słońce na ekranie, słabszy monitor, zmęczenie wzroku).

Dla typowej treści tekstowej (standardowy rozmiar i grubość fontu) powszechnie przyjmowanym minimalnym progiem jest 4.5:1. To wartość, którą trzeba kojarzyć jako "minimum" dla normalnego tekstu w zaleceniach dostępności.

Dlaczego pozostałe odpowiedzi są błędne?

  • 3:1 bywa kojarzone z kontrastem, ale nie jest minimalnym progiem dla zwykłego tekstu. Często dotyczy sytuacji szczególnych (np. większego tekstu), więc wybranie tej wartości to typowe pomylenie kategorii tekstu.
  • 5:1 i 6:1 mogą poprawiać czytelność, ale pytanie dotyczy zalecanego minimum. Jeśli podasz wartość większą, nie odpowiadasz na pytanie o próg minimalny, tylko o bardziej wymagający standard.

W praktyce egzaminacyjnej warto zapamiętać dwa progi: "normalny tekst" oraz "duży tekst". Jeżeli w pytaniu nie ma doprecyzowania, najczęściej chodzi o minimalny próg dla normalnej treści, czyli 4.5:1. Dobrą praktyką zawodową jest sprawdzanie kontrastu narzędziem i testowanie strony w różnych warunkach (jasny/ciemny motyw, różne monitory), bo sam "ładny kolor" nie gwarantuje czytelności.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kontrast 4.5:1 oznacza minimalny zalecany stosunek luminancji między tekstem a tłem dla zwykłego tekstu. Im wyższy kontrast, tym łatwiej odczytać treść. Próg 4.5:1 jest często używany jako minimum w wytycznych dostępności.
Wartość 3:1 pojawia się w zaleceniach dla szczególnych przypadków (np. większy tekst), ale dla standardowego tekstu jest zbyt niska, by zapewnić czytelność wielu osobom z niedowidzeniem. Dlatego jako minimum dla zwykłej treści przyjmuje się wyższy próg.
W zaleceniach dostępności "duży tekst" ma zwykle łagodniejszy próg kontrastu niż tekst normalny, bo większe litery są łatwiejsze do rozpoznania. Jeśli pytanie nie precyzuje rozmiaru, na egzaminach najczęściej chodzi o standardowy tekst, czyli próg 4.5:1.
Najprościej użyć narzędzia typu contrast checker: wpisujesz kolor tekstu i tła (np. w HEX), a narzędzie oblicza współczynnik i informuje, czy spełnia minimalny próg. W pracy zawodowej warto to łączyć z testem na realnym ekranie i w różnych motywach.
Zwykle wyższy kontrast zwiększa czytelność, ale nie zawsze oznacza lepszy UX (np. bardzo jaskrawa biel na czerni może męczyć część użytkowników). Pytania egzaminacyjne o "minimum" wymagają wskazania progu, a nie maksymalizacji wartości. Projektowo warto dążyć do komfortu.
Typowe błędy to użycie jasnoszarego tekstu na białym tle, półprzezroczystości (opacity) na tekście, nakładanie tekstu na zdjęcia bez odpowiedniego tła oraz zbyt cienkie fonty. Często problem wynika z projektowania "pod estetykę", bez testu narzędziem kontrastu.
Tak, w praktyce dostępności ocenia się także czytelność elementów interfejsu (np. tekst na przycisku, ikony, stany fokus/hover). Jednak konkretne progi i zasady mogą się różnić w zależności od tego, czy mówimy o tekście, grafice, czy komponentach UI.
Gdy pytanie dotyczy minimalnego zalecanego kontrastu między tekstem a tłem dla treści internetowej i nie doprecyzowuje, że chodzi o "duży tekst" lub inne wyjątki. Wtedy najczęściej sprawdzana jest znajomość progu dla standardowego tekstu.
Pomaga skojarzenie: "zwykły tekst = 4.5". Dodatkowo przećwicz kilka przykładów w narzędziu do kontrastu, żeby zobaczyć, jak zmiana koloru wpływa na wynik. Utrwalisz wtedy nie tylko liczbę, ale też intuicję projektową.
Zasadniczo zasada kontrastu dotyczy czytelności treści niezależnie od tego, czy tłem jest jednolity kolor, czy grafika. Tekst na zdjęciach bywa trudny do spełnienia, dlatego często stosuje się półprzezroczyste podkłady lub cienie, by utrzymać wymagany kontrast.
info

Statystycznie 44% uczniów zna prawidłową odpowiedź. trudne

W praktyce zawodowej kluczowe jest to, że minimalny zalecany kontrast tekstu do tła dla zwykłego (nie "dużego") tekstu w treści WWW wynosi 4.5:1.

Źródła:

  • W3C: Web Content Accessibility Guidelines (WCAG) 2.2, Success Criterion 1.4.3 Contrast (Minimum) - https://www.w3.org/TR/WCAG22/#contrast-minimum - accessed 2026-02-28
  • WebAIM: Contrast and Color Accessibility (wyjaśnienie progów kontrastu, w tym 4.5:1) - https://webaim.org/articles/contrast/ - accessed 2026-02-28
  • MDN Web Docs: Accessibility — Color and color contrast (materiał o kontraście i dostępności) - https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast - accessed 2026-02-28

Materiały:

  • Dokumentacja WCAG (sekcja dot. kontrastu tekstu)
  • Narzędzia do sprawdzania kontrastu (np. kontrast-checker) i praktyczne ćwiczenia
  • Materiały o dostępności webowej (a11y) dla front-endu: HTML/CSS i projektowanie UI

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego