🌓Narzędzie do sprawdzania kontrastu kolorów

Co to jest stosunek kontrastu

Stosunek kontrastu to wskaźnik wyrażający różnicę jasności między kolorem tekstu a kolorem tła, wyrażony w liczbach od 1:1 do 21:1. Kombinacja czerni i bieli ma maksymalny stosunek 21:1, a identyczne kolory mają minimalny stosunek 1:1.

• Jak się go oblicza：Stosunek kontrastu oblicza się, konwertując dwa kolory na luminancję względną sRGB, a następnie dzieląc luminancję jaśniejszego koloru plus 0,05 przez luminancję ciemniejszego koloru plus 0,05.
• Przybliżone wartości：Na białym tle (#FFFFFF) szary #777777 ma stosunek kontrastu 4,47:1, #999999 ma 2,84:1, a czarny (#000000) ma 21:1.

Różnica między AA i AAA w WCAG

WCAG to międzynarodowe wytyczne dostępności treści internetowych, które definiują dwa poziomy progów stosunku kontrastu: AA i AAA.

• AA (poziom standardowy)：AA wymaga stosunku kontrastu 4,5:1 lub większego dla zwykłego tekstu i 3,0:1 lub większego dla dużego tekstu. Jest to poziom docelowy dla większości witryn internetowych.
• AAA (poziom bardziej rygorystyczny)：AAA wymaga stosunku kontrastu 7:1 lub większego dla zwykłego tekstu i 4,5:1 lub większego dla dużego tekstu. Poziom ten zmierza do zapewnienia czytelności dla osób z osłabionym wzrokiem.

Definicja wielkiego tekstu

Duży tekst w WCAG to tekst o rozmiarze około 18 punktów (24px) lub większym, lub tekst pogrubiony o rozmiarze około 14 punktów (około 18,7px) lub większym.

• Zwykły tekst：Zwykły tekst to tekst, który nie spełnia kryteriów dużego tekstu, taki jak tekst główny lub przypisy, wymagające stosunku kontrastu 4,5:1 lub większego.
• Relacja z nagłówkami：Nagłówki poniżej 24px, które nie są pogrubione, są traktowane jako zwykły tekst, dlatego należy sprawdzić zarówno rozmiar, jak i grubość.