Закрыть меню

Убедитесь, что текст соответствует стандартам доступности WCAG.

Contrast — плагин Figma для проверки контрастности

Contrast — это плагин для Figma, который помогает проверять контрастность цветов в интерфейсе и определять, соответствует ли она требованиям доступности. Инструмент измеряет соотношение контраста между текстом и фоном и показывает, соответствует ли выбранная комбинация стандартам доступности WCAG.

Плагин работает прямо внутри макета: дизайнер выбирает элемент интерфейса, и инструмент автоматически определяет цвет текста и фон, после чего рассчитывает коэффициент контрастности. Это помогает быстро понять, читается ли текст и подходит ли выбранная цветовая комбинация для пользователей с разными особенностями зрения.

Когда использовать

  • При проверке читаемости текста в интерфейсе
  • Для проверки контрастности цветов в дизайне
  • При разработке доступных интерфейсов
  • Для проверки соответствия стандартам WCAG
  • При создании дизайн-систем

Плюсы

  • Быстро проверяет контраст текста и фона
  • Помогает соблюдать требования доступности
  • Работает прямо внутри Figma
  • Показывает коэффициент контрастности
  • Удобен при проверке интерфейсов и дизайн-систем

Минусы

  • Проверяет только цветовую контрастность
  • Не исправляет проблемы автоматически
  • Требует ручной корректировки цветов
  • Не заменяет полноценный аудит доступности
Contrast

Изучите статьи

15 ошибок UI/UX, которые дизайнеры всё ещё допускают

Даже опытные специалисты регулярно допускают ошибки UX/UI, которые снижают удобство интерфейса и ухудшают пользовательский...

Связанные уроки

Введение в доступный дизайн

Введение в доступный дизайн

Изучите основы разработки доступных цифровых продуктов и стандарты, которым они должны соответствовать.

Основы инклюзивного дизайна

Основы инклюзивного дизайна

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

Инструменты доступного дизайна

Инструменты доступного дизайна

Познакомьтесь с полезными инструментами, которые помогут убедиться, что ваш сайт соответствует стандартам WCAG.

Руководство «5½ шагов, чтобы стать UX/UI-дизайнером»

Мы подготовили практичное и структурированное пособие о входе в профессию UX/UI-дизайнера.

В нём разобраны ключевые этапы развития: от освоения основ и практики до работы с портфолио, обратной связью и первых шагов в карьере.

Зарегистрироваться и скачать
Руководство «5½ шагов, чтобы стать UX/UI-дизайнером»