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

Уроки

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

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

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

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

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

В кнопках Bootstrap при шрифте 16 пикселей контраст равен 4.5 — это идеальный баланс между яркостью и читаемостью.
В кнопках Bootstrap при шрифте 16 пикселей контраст равен 4.5 — это идеальный баланс между яркостью и читаемостью.

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

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

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

Выбрать
Выбрать

Доп. страницы

Для активной подписки
тратьте в течение года
Любой сайт
*0.3 - 3₽ / 1 страница

Дополнительные страницы для тарифа «Подписка».

Пополнение через личный кабинет.

*Цена зависит от активной подписки. Чем дороже тариф — тем дешевле дополнительные страницы.

x

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