Эти промпты помогают исследователям и разработчикам применять AI на ключевых этапах тестирования доступности — от генерации alt-текста до планирования спринтов устранения. Каждый промпт содержит подстановочные поля для ваших данных.
Промпт 1: Генерация alt-текста для пакета изображений
У меня [количество] изображений товаров с e-commerce сайта, которым нужен alt-текст, соответствующий WCAG 2.1 SC 1.1.1 (Нетекстовый контент).
Для каждого изображения я предоставлю:
- Имя файла изображения
- Название товара
- Контекст страницы (листинг товаров, карточка товара или страница категории)
Правила генерации alt-текста:
1. Описывайте товар так, как его видит зрячий пользователь — цвет, материал, ключевые видимые характеристики.
2. Длина alt-текста: 50-125 символов.
3. Не начинайте с «Изображение» или «Фото» — программы чтения с экрана уже объявляют элемент как изображение.
4. Если изображение чисто декоративное (фоновый паттерн, разделитель), выведите alt="" с пояснением.
5. Если на изображении есть текст (например, бейдж «Распродажа»), включите его в alt-текст.
Вот изображения:
[Вставьте список: имя файла | название товара | контекст страницы]
Формат вывода: таблица с колонками: Файл | Alt-текст | Количество символов | Примечания.Промпт 2: Аудит структуры заголовков страницы на соответствие WCAG
Я провожу аудит структуры заголовков веб-страницы на соответствие WCAG 2.1 SC 1.3.1 (Информация и отношения) и SC 2.4.6 (Заголовки и подписи).
Вот полная иерархия заголовков, извлечённая со страницы (тег и текст):
[Вставьте список заголовков, например:
h1: Добро пожаловать в наш магазин
h3: Популярные товары
h2: Категории
h4: Электроника
h4: Одежда
h2: О нас]
Пожалуйста:
1. Проверьте, является ли иерархия заголовков логичной и последовательной (h1 → h2 → h3, без пропусков уровней).
2. Выявите пропуски уровней и объясните, какой критерий WCAG они нарушают.
3. Проверьте, достаточно ли описательны тексты заголовков, чтобы пользователь программы чтения с экрана мог понять структуру страницы только по заголовкам.
4. Предложите исправленную иерархию заголовков.
5. Отметьте заголовки, которые используются для визуального оформления, а не семантической структуры.Промпт 3: Создание плана устранения нарушений WCAG по результатам сканирования
Я провёл автоматизированное сканирование доступности [название сайта/приложения] и получил следующие результаты. Каждая проблема включает нарушенный критерий WCAG, количество случаев и тип затронутого элемента.
Результаты сканирования:
[Вставьте результаты, например:
- SC 1.1.1 (Нетекстовый контент): 47 изображений без alt-текста
- SC 1.4.3 (Минимальный контраст): 23 текстовых элемента ниже 4.5:1
- SC 4.1.2 (Имя, роль, значение): 12 кнопок без доступных имён
- SC 2.4.4 (Цель ссылки): 8 ссылок с текстом «нажмите здесь» или «подробнее»
- SC 1.3.1 (Информация и отношения): 5 полей форм без связанных подписей]
Пожалуйста:
1. Приоритизируйте проблемы по влиянию на пользователя (критическая / высокая / низкая) с обоснованием.
2. Для каждой проблемы предоставьте исправление на уровне кода с примером HTML до/после.
3. Оцените трудозатраты разработки (быстрое: <1 час, среднее: 1-4 часа, значительное: >4 часов).
4. Сгруппируйте исправления в план на 3 спринта, начиная с быстрых побед и критических проблем.
5. Отметьте проблемы, которые указывают на системную проблему в компоненте или шаблоне.Промпт 4: Составление резюме аудита доступности для руководства
Я завершил аудит доступности [название продукта]. Вот ключевые результаты:
Использованные методы: [автоматизированное сканирование axe, ручной экспертный обзор, пользовательское тестирование с N участниками с инвалидностью]
Стандарт WCAG: [2.1 AA / 2.2 AA]
Протестированные страницы/сценарии: [список]
Сводка результатов:
- Всего выявлено проблем: [число]
- Критические (блокируют выполнение задачи): [число]
- Высокие (значительные затруднения): [число]
- Низкие (неудобство): [число]
- Протестировано критериев WCAG: [число] | Пройдено: [число] | Не пройдено: [число]
- Топ-3 наиболее затронутых групп пользователей: [например, пользователи программ чтения с экрана, пользователи только клавиатуры, пользователи с когнитивными нарушениями]
Ключевые наблюдения из пользовательского тестирования:
[Перечислите 3-5 основных наблюдений]
Составьте резюме из 3 абзацев, которое:
1. Начинается с общего статуса соответствия и бизнес-рисков (юридическая ответственность, уход пользователей).
2. Обобщает наиболее критические барьеры и затронутые группы пользователей.
3. Рекомендует ближайшие шаги и сроки устранения.
Тон профессиональный и фактический.