Проверка за достъпност на цветовете
Проверете контрастните съотношения на цветовете спрямо WCAG 2.1. Тествайте AA и AAA съответствие за нормален и голям текст. Безплатно, 100% във вашия браузър.
Преглед на голям текст (18pt+)
Преглед на нормален текст — проверете четимостта спрямо фоновия цвят.
Справочник
Какво е WCAG цветови контраст?
Насоките за достъпност на уеб съдържанието (WCAG) 2.1 определят минимални контрастни съотношения, за да гарантират, че текстът е четим от хора с нарушено зрение. Контрастното съотношение варира от 1:1 (без контраст) до 21:1 (максимално, черно върху бяло). Около 8% от мъжете и 0,5% от жените имат някаква форма на дефицит на цветовото зрение, което прави достатъчния контраст от съществено значение за приобщаващия дизайн.
Нива на съответствие WCAG
AA — Нормален текст: минимално съотношение 4,5:1 (най-честото изискване). AA — Голям текст: минимално 3:1 (голям = 18pt/24px нормален или 14pt/18,5px удебелен). AAA — Нормален текст: минимално 7:1 (подобрено, препоръчително за основен текст). AAA — Голям текст: минимално 4,5:1. Повечето закони за достъпност (ADA, Section 508, EN 301 549) посочват WCAG AA като минимално изискване.
Как се изчислява контрастното съотношение
Контрастното съотношение използва стойности на относителната яркост, извлечени от sRGB цветове. Всеки цветови канал (R, G, B) се линеаризира: ако sRGB стойността ≤ 0,04045, се дели на 12,92; в противен случай се изчислява ((стойност + 0,055) / 1,055)^2,4. Яркост = 0,2126·R + 0,7152·G + 0,0722·B. Контрастно съотношение = (L1 + 0,05) / (L2 + 0,05), където L1 е яркостта на по-светлия цвят, а L2 на по-тъмния.
Поверителност
Всички изчисления работят 100% във вашия браузър. Никакви данни не се изпращат към сървър.