Уроки

Достаточный контраст текста

Чем контрастней цвет текста и его фона, тем легче он читается. Коэффициент контраста высчитывается по специальной формуле. Он принимает значение от 0.0 до 21.0.

Значение контрастности цветов должно быть больше 7 для шрифтов до 18 пикселей. Для шрифтов крупнее 18 пикселей допускается коэффициент от 4.5 и более.

На этом сайте ссылки сделаны в фирменных цветах. Из-за этого контраст у них 3.19, что мало.
На этом сайте ссылки сделаны в фирменных цветах. Из-за этого контраст у них 3.19, что мало.

Произвести расчёт контрастности можно в этом визуальном калькуляторе.

Критичной проблемой контрастность текста является в следующих случаях:

  • Блок текста большой, длинной более 50 символов.
  • Элемент является навигационным и состоит в блоках nav или header.
  • Элемент является кнопкой. Например класс элемента содержит btn в названии.

ПРО подписка для работы с сервисом

Промо
Проверка 50 страниц в инструменте «Проверка страницы»
190 ₽
Подписка активируется на 10 дней и привязана к определённому сайту.
ПРО подписка
3500 страниц в неделю в инструментах «Проверка страницы» и «Полное сканирование сайта».
1 580 ₽
Подписка активируется на 30 дней и можно сканировать любой сайт.
Кошелёк
Дополнительные страницы, зачисляющиеся на отдельный баланс. Для проверки крупных сайтов.
200 ₽
Количество страниц
Требуется активная ПРО подписка.
Мы используем cookie. Продолжая пользоваться сайтом, вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности. Соглашаюсь