Низкоконтрастный текст — главная проблема доступности в Интернете. В феврале 2022 года эта проблема возникла на 83,9% из миллиона самых популярных домашних страниц. Чтобы узнать больше, ознакомьтесь с отчетом WebAIM Million 2022 .
Chrome DevTools позволяет сразу обнаружить все проблемы с контрастностью и исправить их одним нажатием кнопки.
Посмотрите видео, чтобы узнать, как:
Просмотрите коэффициенты контрастности во всплывающей подсказке режима инспектора и рекомендуемые значения коэффициентов в палитре цветов .
В палитре цветов выберите предлагаемые цвета или выберите цвет ниже линий коэффициента контрастности, чтобы он соответствовал рекомендациям WebAIM .
Узнайте обо всех проблемах с контрастностью на панелях «Обзор CSS» и «Проблемы » (предварительная версия).
Имитируйте недостатки зрения, чтобы понять, как ваша страница выглядит для всех ваших пользователей.
Более подробную информацию о практическом обучении можно найти в руководстве «Сделайте свой веб-сайт более читабельным» .
Чтобы узнать больше, см.: