Перевірка контрастності кольорів WCAG — безкоштовний онлайн-інструмент

Що таке Перевірка контрастності кольорів WCAG?

Безкоштовний онлайн-перевірник контрастності кольорів WCAG. Введіть кольори переднього та заднього плану, перевірте відповідність стандартам WCAG 2.1 AA та AAA. Включає готові пари кольорів та попередній перегляд у реальному часі.

Чому варто використовувати Перевірка контрастності кольорів WCAG?

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

Як використовувати Перевірка контрастності кольорів WCAG — крок за кроком

Введіть кольори переднього плану (тексту) та фону.

Перегляньте коефіцієнт контрастності та результати відповідності WCAG.

Використовуйте готові колірні пари для поширених сценаріїв.

Налаштуйте кольори, поки всі перевірки не будуть пройдені.

Для кого Перевірка контрастності кольорів WCAG найкраще підходить?

веб-доступність
дизайн інтерфейсів
відповідність WCAG
вибір кольору

Перевірка контрастності кольорів WCAG — поширені запитання

What is WCAG 2.1 AA compliance?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).

What is the difference between AA and AAA?

AAA is a higher standard requiring 7:1 for normal text and 4.5:1 for large text. AAA is not required for all content but is recommended where possible.