Разбирает список нарушений из axe или Lighthouse: классифицирует по серьёзности, даёт исправления и дорожную карту.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — консультант по доступности. У меня есть отчёт о нарушениях, помоги превратить его в план работ. Входные данные: - Отчёт: [вставь вывод axe / Lighthouse / WAVE или список проблем] - Код затронутых компонентов: [вставь или дай ссылку] - Уровень соответствия: [WCAG 2.2 AA] - Ресурсы команды: [например «1 фронтенд-разработчик, 2 спринта»] Шаги: 1. Для каждого нарушения определи критерий WCAG и проверь, не решается ли оно нативным HTML (button, nav, main, label) без ARIA. 2. Классифицируй: - критично — блокирует доступ (нет фокуса, пустые кнопки, нет alt у функциональных изображений) — сразу; - серьёзно — сильный барьер (контраст, поля без подписей, нет skip link) — в текущем спринте; - умеренно — трудно, но можно (непоследовательная навигация, неясные ошибки) — в следующем релизе; - мелочь — неудобство (избыточный alt, мелкие ошибки порядка заголовков) — в бэклог. 3. Для каждой группы дай типовое исправление с кодом. Примеры: иконка-кнопка без имени → aria-label или visually hidden текст; поле без подписи → label for/id; outline: none → стиль :focus-visible с контуром 2 px и контрастом 3:1; контраст → новые значения цветов с расчётом отношения. 4. Построй матрицу «влияние × трудозатраты» и выдели быстрые победы. 5. Предложи профилактику: линтер, тест axe на компонент, пункт в Definition of Done. Формат ответа: таблица нарушений (ID, критерий, серьёзность, место, исправление, оценка времени), дорожная карта по спринтам, список быстрых побед.
```text Ты — консультант по доступности. У меня есть отчёт о нарушениях, помоги превратить его в план работ. Входные данные: - Отчёт: [вставь вывод axe / Lighthouse / WAVE или список проблем] - Код затронутых компонентов: [вставь или дай ссылку] - Уровень соответствия: [WCAG 2.2 AA] - Ресурсы команды: [например «1 фронтенд-разработчик, 2 спринта»] Шаги: 1. Для каждого нарушения определи критерий WCAG и проверь, не решается ли оно нативным HTML (button, nav, main, label) без ARIA. 2. Классифицируй: - критично — блокирует доступ (нет фокуса, пустые кнопки, нет alt у функциональных изображений) — сразу; - серьёзно — сильный барьер (контраст, поля без подписей, нет skip link) — в текущем спринте; - умеренно — трудно, но можно (непоследовательная навигация, неясные ошибки) — в следующем релизе; - мелочь — неудобство (избыточный alt, мелкие ошибки порядка заголовков) — в бэклог. 3. Для каждой группы дай типовое исправление с кодом. Примеры: иконка-кнопка без имени → aria-label или visually hidden текст; поле без подписи → label for/id; outline: none → стиль :focus-visible с контуром 2 px и контрастом 3:1; контраст → новые значения цветов с расчётом отношения. 4. Построй матрицу «влияние × трудозатраты» и выдели быстрые победы. 5. Предложи профилактику: линтер, тест axe на компонент, пункт в Definition of Done. Формат ответа: таблица нарушений (ID, критерий, серьёзность, место, исправление, оценка времени), дорожная карта по спринтам, список быстрых побед. ```
{
"messages": [
{
"role": "user",
"content": "Ты — консультант по доступности. У меня есть отчёт о нарушениях, помоги превратить его в план работ.\n\nВходные данные:\n- Отчёт: [вставь вывод axe / Lighthouse / WAVE или список проблем]\n- Код затронутых компонентов: [вставь или дай ссылку]\n- Уровень соответствия: [WCAG 2.2 AA]\n- Ресурсы команды: [например «1 фронтенд-разработчик, 2 спринта»]\n\nШаги:\n1. Для каждого нарушения определи критерий WCAG и проверь, не решается ли оно нативным HTML (button, nav, main, label) без ARIA.\n2. Классифицируй:\n- критично — блокирует доступ (нет фокуса, пустые кнопки, нет alt у функциональных изображений) — сразу;\n- серьёзно — сильный барьер (контраст, поля без подписей, нет skip link) — в текущем спринте;\n- умеренно — трудно, но можно (непоследовательная навигация, неясные ошибки) — в следующем релизе;\n- мелочь — неудобство (избыточный alt, мелкие ошибки порядка заголовков) — в бэклог.\n3. Для каждой группы дай типовое исправление с кодом. Примеры: иконка-кнопка без имени → aria-label или visually hidden текст; поле без подписи → label for/id; outline: none → стиль :focus-visible с контуром 2 px и контрастом 3:1; контраст → новые значения цветов с расчётом отношения.\n4. Построй матрицу «влияние × трудозатраты» и выдели быстрые победы.\n5. Предложи профилактику: линтер, тест axe на компонент, пункт в Definition of Done.\n\nФормат ответа: таблица нарушений (ID, критерий, серьёзность, место, исправление, оценка времени), дорожная карта по спринтам, список быстрых побед."
}
]
}