Плагин для проверки доступности дизайна в Figma
Находите проблемы с доступностью ещё до того, как будет написана хоть одна строка кода. Выберите слой в Figma и мгновенно получите проверки контрастности WCAG и размера цели: ничего не нужно загружать, токен API не требуется.
Цветовой контраст
Вычисление контрастности WCAG AA/AAA с альфа-компоузингом для полупрозрачных заливок. Плагин поднимается по родительским фреймам, чтобы определить настоящий фон, используя ту же формулу, что и веб-сканер.
Размер цели (WCAG 2.5.8)
Отмечает интерактивные элементы (узлы с реакцией клика или тапа в прототипе) размером меньше минимальных 24×24 пикселя.
Пока недоступен в маркетплейсе Figma Community. Плагин полностью работает, но ещё не опубликован в маркетплейсе. А пока установите его из исходного кода, следуя инструкции ниже.
Установка из исходного кода
- 1
Скачайте исходный код
Склонируйте репозиторий AccessiSight (или скачайте папку packages/figma-plugin) на свой компьютер.
- 2
Откройте меню разработки плагинов в Figma
В десктопном приложении Figma перейдите в Menu → Plugins → Development → Import plugin from manifest…
- 3
Выберите манифест
Выберите файл manifest.json внутри скачанной папки packages/figma-plugin.
- 4
Запустите на выбранных элементах
Выберите любой текстовый или интерактивный слой (слои) в своём файле, затем запустите AccessiSight через Plugins → Development. Проблемы отображаются мгновенно по мере изменения выбора.
Вопросы о плагине для Figma
Хотите те же проверки на живом сайте?
Запустите полное сканирование (или обход всего сайта) в полноценном веб-приложении.
Просканировать сайт