Розробник🔒 Працює у браузері

Перевірка колірного контрасту

Перевірка відповідності колірного контрасту WCAG AA/AAA

Колір тексту

Колір фону

Заголовок попереднього перегляду

Так виглядатиме основний текст із цими кольорами.

А це малий текст для порівняння.

Коефіцієнт контрасту

21.00:1

WCAG AA

Звичайний текст✓ Пройдено

Великий текст (18px+)✓ Пройдено

Компоненти UI✓ Пройдено

WCAG AAA

Звичайний текст✓ Пройдено

Великий текст (18px+)✓ Пройдено

Про Перевірка колірного контрасту

Перевірка колірного контрасту оцінює коефіцієнт контрасту між двома кольорами відповідно до вимог WCAG 2.1. Вона повідомляє, чи відповідають ваші комбінації кольорів стандартам доступності AA або AAA для звичайного тексту, великого тексту та компонентів UI. Все виконується у вашому браузері.

Поширені запитання

Який коефіцієнт контрасту вважається добрим?

WCAG AA вимагає мінімальний коефіцієнт 4,5:1 для звичайного тексту і 3:1 для великого тексту (18px+ або 14px+ жирний). WCAG AAA вимагає 7:1 для звичайного тексту і 4,5:1 для великого тексту. Вищий коефіцієнт означає кращу читабельність.

У чому різниця між AA і AAA?

AA — мінімально рекомендований стандарт для більшості веб-контенту. AAA — суворіший стандарт, що забезпечує кращу читабельність для користувачів із вадами зору. Досягнення AAA є ідеальним, але не завжди обов'язковим.

Як розраховується коефіцієнт контрасту?

Коефіцієнт контрасту обчислюється за відносною яскравістю кожного кольору відповідно до визначення WCAG 2.1. Формула порівнює світліший і темніший кольори за шкалою від 1:1 (без контрасту) до 21:1 (максимальний контраст, чорний на білому).

🔧 Схожі інструменти

Про Перевірка колірного контрасту

Поширені запитання

Який коефіцієнт контрасту вважається добрим?

У чому різниця між AA і AAA?

Як розраховується коефіцієнт контрасту?