Stark — проверка доступности интерфейсов в Figma и браузере
Инструменты проверки контраста и доступности макетов, сайтов и компонентов с интеграциями для дизайна и разработки.
Stark — набор инструментов для проверки доступности цифровых продуктов. Он помогает находить проблемы в макетах и готовых интерфейсах: например, недостаточный контраст текста. Есть интеграции с Figma, Sketch и браузерами, а для команд — проекты, отчёты и мониторинг.
В Figma Contrast Checker проверяет сочетания цветов текстовых и графических слоёв и показывает результаты для уровней AA и AAA. Можно выбирать цвета из переменных и библиотек. Это удобно, когда нужно проверить не одну случайную кнопку, а повторно используемые элементы дизайн-системы.
Практический сценарий: перед передачей формы в разработку сравните подписи, подсказки и сообщения об ошибках на их фактическом фоне. Исправьте проблемные пары и повторите проверку. Контраст — только часть доступности: работа с клавиатурой, понятность названий и порядок фокуса требуют отдельных проверок.
У Stark есть бесплатный старт, платные индивидуальные возможности и командные планы. Набор автоматических проверок, мониторинг и отчётность зависят от тарифа. Результат сканирования не равен полной проверке соответствия WCAG и не заменяет ручное тестирование.
Официальные материалы: работа Contrast Checker и тарифы Stark.
Когда использовать
- Проверить контраст текста и элементов в макете Figma
- Проверить цветовые пары компонентов перед передачей в разработку
- Организовать командную работу над доступностью
Плюсы
- Интеграции с инструментами дизайна и браузерами
- Проверка контраста с ориентирами AA и AAA
- Работа с цветами и переменными библиотек Figma
- Командные проекты и отчётность на соответствующих планах
Минусы
- Автоматизация и мониторинг зависят от платного плана
- Проверки не охватывают все аспекты доступности
- Для полноценного аудита нужны ручные проверки и тестирование
