Generator dostępnej palety kolorów
Zbuduj paletę kolorów i zobacz natychmiast, które kombinacje spełniają współczynniki kontrastu WCAG 2.2 AA (4,5:1) i AAA (7:1). Każda para jest testowana automatycznie.
Twoja paleta
Macierz kontrastu
Kliknij „Sprawdź wszystkie pary”, aby wygenerować macierz kontrastu.
Dostępne pary
Uruchom weryfikację, aby zobaczyć pary, które przechodzą.
📚 Podstawy naukowe i źródła
Dla kogo to narzędzie jest przeznaczone
Odpowiedni kontrast kolorów jest niezbędny dla osób słabowidzących, osób z deficytem widzenia kolorów (CVD) i osób z zaburzeniami wzrokowymi związanymi z wiekiem. WHO szacuje, że co najmniej 2,2 miliarda osób na świecie cierpi na wadę wzroku do bliży lub do dali (WHO, 2019). Badania Owsley (2011) pokazują, że wrażliwość na kontrast znacząco maleje z wiekiem, co czyni projekt o wysokim kontraście jeszcze ważniejszym dla osób starszych. CVD dotyka około 300 milionów osób na świecie (Colour Blind Awareness). Projektanci, programiści i zespoły marketingowe używają tego narzędzia, aby zagwarantować, że ich palety kolorów spełniają minimalne wymagania kontrastu WCAG i zachowują użyteczność dla wszystkich tych populacji.
Wymagania kontrastu WCAG 2.2
- SC 1.4.3 (minimalny kontrast, poziom AA): normalny tekst wymaga współczynnika kontrastu ≥ 4,5:1. Duży tekst (18 pt+ lub 14 pt+ pogrubiony) wymaga ≥ 3:1.
- SC 1.4.6 (zwiększony kontrast, poziom AAA): normalny tekst wymaga współczynnika kontrastu ≥ 7:1. Duży tekst wymaga ≥ 4,5:1.
- SC 1.4.11 (kontrast nietekstowy, poziom AA): komponenty interfejsu i obiekty graficzne wymagają kontrastu ≥ 3:1 z sąsiadującymi kolorami.
Referencje naukowe
- W3C (2023). „Web Content Accessibility Guidelines (WCAG) 2.2.” w3.org/TR/WCAG22 · Definiuje progi współczynników kontrastu (4,5:1, 7:1, 3:1) i algorytm obliczania względnej luminancji używany w tym narzędziu.
- Owsley, C. (2011). „Aging and vision.” Vision Research, 51(13), 1610–1622. · Dokumentuje, że wrażliwość na kontrast znacząco maleje z wiekiem z powodu zmian optycznych i nerwowych, podkreślając znaczenie projektu o wysokim kontraście dla starzejących się populacji.
- Światowa Organizacja Zdrowia (2019). Światowy Raport o Wzroku. · Ustala, że co najmniej 2,2 miliarda osób na świecie cierpi na wadę wzroku, słaby wzrok i prezbiopia są najbardziej rozpowszechnionymi formami.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Fundamentalne badanie nad wpływem kontrastu, rozmiaru czcionki i odstępów na wyniki czytania osób słabowidzących.
- Arditi, A. & Faye, E. (2004). „Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice.” Optometry and Vision Science, 81(4), 287–292. · Wykazuje kliniczne znaczenie wrażliwości na kontrast jako wskaźnika funkcjonalnego widzenia.
Algorytm
Względna luminancja jest obliczana zgodnie z definicją WCAG 2.2: wartości kanałów sRGB są linearyzowane (usunięcie korekty gamma), a następnie ważone (0,2126 R + 0,7152 G + 0,0722 B) zgodnie z normą ITU-R BT.709. Współczynnik kontrastu = (Ljaśniejsze + 0,05) / (Lciemniejsze + 0,05).
Zastrzeżenie
To narzędzie oblicza współczynniki kontrastu za pomocą algorytmu określonego w WCAG 2.2. Osiągnięcie matematycznych progów kontrastu jest warunkiem koniecznym, ale niewystarczającym dla czytelności: czynniki takie jak grubość czcionki, jej rozmiar, wygładzanie i kalibracja ekranu również wpływają na czytelność. Zgodność z WCAG wymaga oceny wszystkich kryteriów sukcesu, nie tylko kontrastu. To narzędzie nie udziela porad prawnych. W celu formalnych audytów dostępności skonsultuj się z wykwalifikowanym specjalistą.