КОНТРАСТ
ЦВЕТ
ТИПОГРАФИКА
ССЫЛКИ И КНОПКИ
КОНТЕНТ
ИЗОБРАЖЕНИЯ
ФОРМЫ
ДОКУМЕНТИРОВАНИЕ
Убедитесь, Что элементы интерфейса соответствуют пороговым коэффициентам контрастности
Пороговые коэффициенты контрастности отличаются в зависимости от формата элемента:
  • наборный текст — 4.5:1
  • текст большого размера — 3:1
  • иконки — 3:1
  • границы инпутов, чекбоксов, переключателей и других элементов взаимодействия — 3:1
Проверить контрастность можно с помощью различных сервисов, например: WebAIM ????,

APCA ????, Colour Contrast Analyser (CCA) ????.
Для пользователей Figma существуют плагины, позволяющие быстро проверить контрастность элементов, мы пользуемся Contrast ????, он удобен и прост в использовании.
Давайте вместе делать
доступно и классно!
Показатели контрастности текста
в норме: текст легко читается
Давайте вместе делать
доступно и классно!
Показатели контрастности текста
ниже пороговых: текст сложно читать
КОНТРАСТ
ЦВЕТ
ТИПОГРАФИКА
ССЫЛКИ И КНОПКИ
КОНТЕНТ
ИЗОБРАЖЕНИЯ
ФОРМЫ
ДОКУМЕНТИРОВАНИЕ