Проверка контрастности
Введите цвета текста и фона, чтобы узнать коэффициент контрастности по стандарту WCAG и проверить соответствие уровням AA и AAA.
Каждая проверка выполняется в вашем браузере. Никакие вводимые данные не отправляются на BroBroGo.
Частые вопросы
Что означают результаты AA и AAA?
AA — это уровень доступности, к которому стремится большинство сайтов: для обычного текста требуется коэффициент не менее 4.5:1, а для крупного — 3:1. Требования уровня AAA строже: 7:1 для обычного текста и 4.5:1 для крупного. Коэффициент контрастности варьируется от 1:1 (контраст отсутствует) до 21:1 (черный на белом).
Что считается крупным текстом?
Текст размером от 18pt (около 24px) или от 14pt (около 18.5px) при полужирном начертании. Крупный текст легче читать при более низком контрасте, поэтому для него требования мягче: прохождение уровня AA требует соотношения 3:1, а уровня AAA — 4.5:1 (вместо более строгих порогов для обычного текста).
Какие форматы цвета можно вводить?
Вы можете ввести значение в формате hex (например, #1a1a1a), rgb() (например, rgb(26, 26, 26)) или hsl(), либо кликнуть по палитре для выбора цвета. Кнопка со стрелками позволяет быстро поменять местами цвета текста и фона.
Используется ли здесь стандарт WCAG 2 или новый метод APCA?
Инструмент использует формулу WCAG 2.1 / 2.2, на которую сегодня опираются правила доступности и аудиты. APCA — это более новый метод, учитывающий особенности человеческого восприятия, который пока только разрабатывается для WCAG 3. Он перспективен, но еще не стал официальным стандартом соответствия, поэтому результаты проверки здесь его не используют.