Генератор отчета по аудиту доступности

Проверяет HTML или URL на распространенные проблемы WCAG и экспортирует структурированный PDF-отчет

Подходит для предпускового аудита, дизайн-команд и отчетности по доступности.

Примеры результатов

1 Примеры

Проверить лендинг и выгрузить PDF-отчет для PM

Сканирует HTML и группирует проблемы с alt, подписями, landmark-областями и контрастом по важности

accessibility-audit-report-generator-example1.pdf Показать файл
Показать параметры ввода
{ "htmlInput": "<!doctype html><html><head><title></title></head><body><img src=\"hero.jpg\"><a href=\"#\"></a><input type=\"text\"></body></html>", "targetLevel": "AA", "includePmSummary": true, "reportTitle": "Landing Page Accessibility Audit" }

Click to upload file or drag and drop file here

Maximum file size: 5MB Supported formats: text/html, text/plain

Ключевые факты

Категория
Разработка и Web
Типы входных данных
text, textarea, file, select, checkbox
Тип результата
file
Покрытие примерами
4
API доступен
Yes

Обзор

Генератор отчета по аудиту доступности — это удобный инструмент для разработчиков и тестировщиков, который автоматически проверяет HTML-код или веб-страницы по URL на соответствие стандартам WCAG. Он выявляет распространенные ошибки, такие как отсутствие alt-текста, проблемы с контрастностью или некорректные ARIA-атрибуты, и формирует структурированный PDF-отчет с группировкой проблем по уровню критичности.

Когда использовать

  • Перед релизом нового веб-приложения или лендинга для проверки базовой доступности (a11y).
  • При подготовке отчетов о соответствии стандартам WCAG для заказчиков или менеджеров проектов.
  • Во время дизайн-ревью и аудита верстки для быстрого поиска проблем с навигацией и семантикой.

Как это работает

  • Вставьте HTML-код, загрузите HTML-файл или укажите URL страницы для проверки.
  • Выберите целевой уровень соответствия WCAG (A, AA или AAA) и укажите название отчета.
  • Включите опцию добавления краткого резюме для менеджеров (PM summary), если требуется.
  • Нажмите кнопку генерации, чтобы запустить сканирование и скачать готовый PDF-отчет с результатами аудита.

Сценарии использования

Автоматизация предпускового тестирования доступности (a11y) в процессе разработки фронтенда.
Создание понятных PDF-отчетов для демонстрации уровня соответствия WCAG клиентам или руководству.
Быстрый поиск и документирование ошибок верстки, влияющих на использование сайта скринридерами.

Примеры

1. Аудит лендинга перед запуском

Фронтенд-разработчик
Контекст
Команда подготовила новый промо-лендинг и должна убедиться, что он соответствует базовым требованиям доступности.
Проблема
Нужно быстро найти пропущенные alt-тексты и пустые ссылки, чтобы исправить их до релиза.
Как использовать
Вставить HTML-код лендинга в поле «HTML-ввод», выбрать уровень «WCAG 2.1 AA» и включить «Добавить краткое summary для PM».
Пример конфигурации
Уровень: AA, Summary: включено, Название: Landing Page Accessibility Audit
Результат
Сгенерирован PDF-отчет, в котором подсвечены изображения без alt-атрибутов и пустые теги ссылок, готовый для передачи в работу.

2. Проверка клиентского сайта по URL

QA-инженер
Контекст
Тестировщику поручили проверить главную страницу сайта клиента на соответствие строгим стандартам доступности.
Проблема
Ручная проверка каждого элемента занимает много времени, а клиенту нужен формальный отчет.
Как использовать
Ввести адрес сайта в поле «URL», выбрать уровень «WCAG 2.1 AAA» и задать название отчета.
Пример конфигурации
URL: https://example.com, Уровень: AAA, Название: Homepage Audit
Результат
Инструмент сканирует страницу по ссылке и выдает подробный PDF-документ со списком всех нарушений стандарта AAA для отправки клиенту.

Проверить на примерах

html, pdf, text

Связанные хабы

FAQ

Какие уровни WCAG поддерживает инструмент?

Инструмент поддерживает проверку на соответствие стандартам WCAG 2.1 уровней A, AA и AAA. Вы можете выбрать нужный уровень в настройках перед запуском аудита.

В каком формате экспортируется отчет?

Результаты аудита экспортируются в виде структурированного PDF-файла, который удобно пересылать коллегам или прикреплять к задачам в трекере.

Можно ли проверить страницу по ссылке, а не по коду?

Да, вы можете указать URL-адрес страницы в соответствующем поле ввода, и инструмент самостоятельно загрузит и проанализирует ее HTML-код.

Что такое «краткое summary для PM»?

Это дополнительный раздел в начале PDF-отчета, содержащий понятную для нетехнических специалистов сводку о состоянии доступности проекта и количестве критичных ошибок.

Какие именно ошибки находит генератор?

Инструмент выявляет отсутствие атрибутов alt у изображений, пустые ссылки, отсутствие подписей у полей ввода, проблемы с landmark-областями и другие базовые нарушения a11y.

Документация API

Конечная точка запроса

POST /ru/api/tools/accessibility-audit-report-generator

Параметры запроса

Имя параметра Тип Обязательно Описание
urlInput text Нет -
htmlInput textarea Нет -
htmlFile file (Требуется загрузка) Нет -
targetLevel select Нет -
includePmSummary checkbox Нет -
reportTitle text Нет -

Параметры типа файл должны быть загружены сначала через POST /upload/accessibility-audit-report-generator для получения filePath, затем filePath должен быть передан в соответствующее поле файла.

Формат ответа

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Файл: Файл

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP:

{
  "mcpServers": {
    "elysiatools-accessibility-audit-report-generator": {
      "name": "accessibility-audit-report-generator",
      "description": "Проверяет HTML или URL на распространенные проблемы WCAG и экспортирует структурированный PDF-отчет",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=accessibility-audit-report-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Поддерживает ссылки на файлы URL или кодирование Base64 для параметров файла.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]