Уроки

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

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

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

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

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

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

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

Тарифные планы для работы с сервисом

Мы используем cookie. Продолжая пользоваться сайтом, вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности. Соглашаюсь