Jaki kontrast kolorów powinna mieć moja witryna?

Zwykły tekst wymaga 4,5:1, duży tekst 3:1

W przypadku większości tekstu na stronie internetowej obowiązuje minimalny stosunek kontrastu wynoszący 4,5 do 1 między kolorem tekstu a kolorem tła. W przypadku dużego tekstu — począwszy od około 18 punktów, lub od 14 punktów w tekście pogrubianym — wystarczy stosunek 3 do 1. Taki sam próg minimalny 3 do 1 stosuje się również do elementów interfejsu użytkownika, takich jak obramowanie pola wprowadzania danych lub przycisk, oraz do elementów graficznych niezbędnych do zrozumienia czegoś, na przykład ikona bez podpisu.

Nie wszystko podlega tym wymaganiom. Tekst w logotypie, tekst czysto dekoracyjny bez znaczenia oraz tekst przypadkowo umieszczony na zdjęciu bez funkcji są zwolnione. Element sterujący, który jest wyłączony — przycisk w kolorze szarym, który w danym momencie nie jest klikalny — również nie musi spełniać normy. Automatyczne skanowanie doskonale radzi sobie z pomiarem stosunków kontrastu i porównywaniem ich z normą, jednak ocena tych wyjątków — czy ta ikona jest dekoracyjna, czy ten tekst należy do logotypu — wymaga ludzkiego spojrzenia, i to jest dokładnie ta część, którą skanowanie nie obejmuje.

Znajduje się to w WCAG 2.1, kryteria sukcesu 1.4.3 i 1.4.11

Te wymagania pochodzą bezpośrednio z WCAG 2.1, struktury testowania, na której w praktyce opiera się EN 301 549. Kryterium sukcesu 1.4.3, Kontrast (Minimum), ustala próg 4,5 do 1 dla zwykłego tekstu i 3 do 1 dla dużego tekstu. Kryterium sukcesu 1.4.11, Kontrast zawartości nietekstowej, ustala ten sam próg minimalny 3 do 1 dla elementów interfejsu użytkownika i elementów graficznych niezbędnych do zrozumienia ich funkcji. Oba kryteria należą do poziomu AA, poziomu wymaganego przez dyrektywę.