Советы DevTools: обнаружение и исправление низкоконтрастного текста
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Низкоконтрастный текст — главная проблема доступности в Интернете. В феврале 2022 года эта проблема возникла на 83,9% из миллиона самых популярных домашних страниц. Чтобы узнать больше, ознакомьтесь с отчетом WebAIM Million 2022 .
Chrome DevTools позволяет сразу обнаружить все проблемы с контрастностью и исправить их одним нажатием кнопки.
Посмотрите видео, чтобы узнать, как:
Просмотрите коэффициенты контрастности во всплывающей подсказке режима инспектора и рекомендуемые значения коэффициентов в палитре цветов .
В палитре цветов выберите предлагаемые цвета или выберите цвет ниже линий коэффициента контрастности, чтобы он соответствовал рекомендациям WebAIM .
Узнайте обо всех проблемах с контрастностью на панелях «Обзор CSS» и «Проблемы » (предварительная версия).
Имитируйте недостатки зрения, чтобы понять, как ваша страница выглядит для всех ваших пользователей.
Более подробную информацию о практическом обучении можно найти в руководстве «Сделайте свой веб-сайт более читабельным» .
Чтобы узнать больше, см.:
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2022-10-19 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2022-10-19 UTC."],[],[],null,[]]
