Словами самого skill
Регламент аудита WCAG 2.1 AA для макета или страницы, запускаемый фразами вроде "audit accessibility" или "check a11y" и принимающий в качестве аргумента ссылку на Figma, URL или описание.
Он содержит сжатую краткую справку из одиннадцати критериев по принципам «Воспринимаемость», «Управляемость», «Понятность» и «Надёжность»: контраст 4.5:1 для обычного текста, 3:1 для крупного текста и элементов интерфейса, доступ с клавиатуры, видимый фокус и цели касания 44x44 CSS-пикселя, а также восемь распространённых проблем и подход к тестированию из пяти шагов, который начинается с автоматического сканирования, выявляющего примерно 30% проблем. Результаты попадают в отчёт в фиксированном формате Markdown с подсчётом по уровням серьёзности, таблицами по каждому принципу, разделами о контрасте, клавиатуре и экранных дикторах и приоритизированными исправлениями.
Что он выдаёт
- Отчёт об аудите доступности в формате markdown, в шапке которого указаны название дизайна или страницы и стандарт WCAG 2.1 AA.
- Раздел с результатами, разбитый на таблицы по принципам «Воспринимаемость», «Управляемость», «Понятность» и «Надёжность» со столбцами: проблема, критерий, серьёзность и рекомендация.
- Отдельные таблицы по цветовому контрасту, навигации с клавиатуры и экранным дикторам, включая объявляемое имя для каждого элемента.
- Упорядоченный по приоритету список исправлений, который отделяет критичные исправления, блокирующие пользователей, от крупных улучшений и мелких необязательных доработок.
Как это работает
- 01Передайте объект аудита
Команда принимает в качестве аргумента ссылку на Figma, URL страницы или письменное описание и проверяет указанный объект.
- 02Проверьте одиннадцать критериев уровня AA
Краткая справка группирует критерии по принципам «Воспринимаемость», «Управляемость», «Понятность» и «Надёжность», каждый с номером критерия успеха и пороговым значением.
- 03Выполните пять этапов тестирования
Автоматическое сканирование, навигация только с клавиатуры, тестирование с экранным диктором, проверка контраста и масштаб 200% — именно в этом порядке.
- 04Соблюдайте фиксированную структуру отчёта
Один отчёт в Markdown со сводкой по серьёзности, таблицей результатов по каждому принципу и отдельными таблицами по контрасту, клавиатуре и экранным дикторам.
- 05Используйте коннекторы, если они доступны
При подключённом инструменте дизайна он считывает из Figma значения цветов, размеры шрифтов и цели касания; при подключённом трекере проектов он создаёт отдельные задачи по каждому результату.