kontrast i czytelność

Kontrast i czytelność to cechy warstwy wizualnej decydujące o tym, jak łatwo odbiorca odczytuje treść wiadomości.

Kontrast jako relacja między elementami obrazu

Kontrast opisuje różnicę widoczną między sąsiadującymi elementami obrazu, przede wszystkim między tekstem a jego tłem. W interfejsie laptopa, komputera stacjonarnego, przeglądarki internetowej lub programu biurowego może dotyczyć koloru znaków, tła, obramowania pól formularza, ikon, wykresów oraz elementów wskazujących aktywny stan przycisku. Im mniejsza różnica jasności i barwy między elementami, tym trudniej rozpoznać ich granice oraz odczytać informację bez dodatkowego wysiłku wzrokowego.

Czytelność jest pojęciem szerszym niż sam kontrast. Obejmuje między innymi wielkość i krój czcionki, odstępy między wierszami, długość linii, ostrość obrazu, skalowanie interfejsu oraz sposób rozmieszczenia treści. Tekst może mieć prawidłowy kontrast, a mimo to pozostawać trudny do odczytania, jeżeli jest bardzo mały, wyświetlany na nieostrym ekranie albo umieszczony na wzorzystym tle. Z kolei duży tekst o odpowiednim kroju może być czytelny przy mniejszej różnicy barw niż drobny tekst używany w przypisach lub etykietach.

Jasność, barwa i współczynnik kontrastu

Ocena kontrastu tekstu nie powinna opierać się wyłącznie na intuicyjnym porównaniu kolorów. Dwa kolory mogą wyglądać na różne z powodu nasycenia, lecz mieć podobną jasność względną, przez co ich rozróżnienie po zmniejszeniu nasycenia albo przy słabszym widzeniu staje się trudne. Szczególnie problematyczne bywają zestawienia szarego tekstu na jasnoszarym tle, niebieskich napisów na fioletowym tle oraz czerwonych i zielonych elementów używanych jako jedyne oznaczenie stanu.

W praktyce dostępności cyfrowej często stosuje się współczynnik kontrastu określany na podstawie jasności względnej kolorów. Wytyczne WCAG 2.2 wskazują dla zwykłego tekstu minimalny współczynnik 4,5:1 na poziomie AA, a dla dużego tekstu 3:1. Za duży tekst przyjmuje się zasadniczo tekst o rozmiarze co najmniej 24 piksele CSS albo co najmniej 18,67 piksela CSS przy kroju pogrubionym. Dla elementów graficznych i komponentów interfejsu, takich jak obramowanie pola formularza lub ikona przekazująca informację, stosuje się odrębne kryteria. Sam wynik pomiaru nie zastępuje jednak oceny wizualnej, ponieważ znaczenie ma także ostrość, rozmiar i położenie elementu.

Czytelność obrazu na ekranie komputera

Na odbiór tekstu wpływają ustawienia monitora i systemu operacyjnego. Zbyt niska jasność może powodować zlewanie się ciemnych fragmentów, natomiast nadmierna jasność utrudnia rozpoznanie delikatnych odcieni i zwiększa zmęczenie wzroku. Odblaski padające na matrycę zmniejszają postrzegany kontrast, nawet gdy plik graficzny i ustawienia programu są prawidłowe. Podobny efekt może wystąpić przy niewłaściwym profilu kolorów, uszkodzeniu podświetlenia, nierównomiernej pracy matrycy albo podłączeniu ekranu przez przewód lub adapter przekazujący obraz w nieprawidłowym trybie.

Istotne jest również ustawienie rozdzielczości natywnej ekranu. Gdy system wyświetla obraz w rozdzielczości innej niż zalecana dla danej matrycy, krawędzie liter i ikon mogą zostać przeskalowane, a cienkie linie stają się rozmyte. W systemie można dodatkowo zmienić skalowanie interfejsu, rozmiar tekstu, wygładzanie czcionek, tryb wysokiego kontrastu oraz filtry kolorów. Tryb ciemny nie gwarantuje automatycznie dobrej czytelności: bardzo jasny tekst na całkowicie czarnym tle może powodować olśnienie, a słabo widoczne obramowania utrudniają rozpoznanie aktywnych kontrolek.

Sprawdzanie kontrastu i usuwanie przyczyn problemu

Diagnostykę warto rozpocząć od porównania tego samego elementu w kilku aplikacjach oraz na zrzucie ekranu. Jeżeli problem jest widoczny również na zrzucie, prawdopodobną przyczyną są kolory zapisane w aplikacji, ustawienia systemu albo sposób renderowania interfejsu. Jeżeli zrzut wygląda poprawnie, a obraz na matrycy jest zbyt blady, nierówny lub ma wyraźne przebarwienia, należy sprawdzić jasność, profil kolorów, przewód sygnałowy, sterownik grafiki i działanie zewnętrznego monitora. Zmiana tapety lub aplikacji nie usunie usterki sprzętowej podświetlenia czy matrycy.

W przypadku stron internetowych i programów można użyć analizatora kontrastu, próbnika kolorów albo narzędzi deweloperskich przeglądarki. Pomiar powinien obejmować podstawowy tekst, tekst nieaktywny, linki, komunikaty o błędach, fokus klawiatury oraz ikony, które przekazują informację bez dodatkowego opisu. Kolor nie powinien być jedynym nośnikiem znaczenia, dlatego stan elementu warto wskazywać także podpisem, ikoną, zmianą kształtu lub obramowaniem. Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i podzespołów, w tym diagnostyką problemów z obrazem, ustawieniami wyświetlania oraz elementami wpływającymi na czytelność ekranu.