- Веб-техника
- Доступность сайта
axe DevTools: расширение Deque для поиска ошибок доступности прямо во время разработки
Эталон
axe DevTools добавляет в инструменты разработчика Chrome и Edge отдельную вкладку для проверки доступности. Достаточно нажать «Scan ALL of my page», и расширение сверит открытую страницу с правилами WCAG и перечислит всё, что мешает пользователю экранного диктора или клавиатуры: недостаточный контраст, кнопки без названия, поля без подписи, нарушенную структуру заголовков — и для каждой ошибки покажет проблемный элемент и способ её исправить. Бесплатная версия выполняет эту автоматическую проверку, платные тарифы добавляют пошаговые ручные тесты и интеграцию в код. Его движок axe-core — самый распространённый на рынке: на нём работает даже Lighthouse.
Что такое axe DevTools?
После установки расширение встраивается в инструменты разработчика браузера, рядом с вкладками Elements и Console. Оно анализирует код страницы в том виде, в каком его собрал браузер, включая контент, добавленный JavaScript, страницы за авторизацией и локальные сайты, и ничего не отправляет на сервер. Результаты отсортированы по степени серьёзности — от критических до незначительных. Если нажать на проблему, она подсвечивается на странице, а рядом появляются её CSS-селектор, нарушенное правило WCAG и справочная статья. Можно выбрать нужный стандарт — WCAG 2.0, 2.1 или 2.2 на уровне A, AA или AAA — и добавить «лучшие практики», выходящие за рамки стандарта. Полная версия работает в Chrome и Edge; версия для Firefox ограничена и не получает платных функций.
Всё построено на axe-core — открытой JavaScript-библиотеке (лицензия MPL 2.0), которую Deque публикует с июня 2015 года. По данным разработчика, она автоматически находит в среднем 57 % проблем WCAG и сообщает только о бесспорных ошибках, поэтому её используют многие инструменты: Google ещё в 2017 году выбрал её для проверок доступности в Lighthouse. Остальное — то, что машина не может решить сама, — берут на себя Intelligent Guided Tests в версии Pro: расширение задаёт вопросы о странице («Это изображение декоративное?», «У этой таблицы правильные заголовки?») и составляет по ответам отчёт. С этими тестами, по словам Deque, обнаруживается до 80 % проблем.
За инструментом стоит Deque Systems — американская компания, основанная в 1999 году Прити Кумар, которая руководит ею до сих пор. Штаб-квартира находится в Херндоне (Виргиния), офисы — в Утрехте и Хайдарабаде. Компания специализируется на цифровой доступности и также продаёт аудиты, обучение (Deque University) и платформу мониторинга. До мая 2020 года продукт назывался WorldSpace Attest, затем Deque объединила свои программы под брендом axe; версия Pro появилась 1 марта 2021 года. Deque заявляет более 400 000 активных пользователей расширения в неделю.
axe DevTools вкратце
- Тип
- Расширение для браузера (Chrome, Edge, Firefox)
- Разработчик
- Deque Systems
- Основание компании
- 1999, Прити Кумар
- Штаб-квартира
- Херндон, Виргиния (США)
- Движок
- axe-core, открытый код с 2015 года
- Стандарты
- WCAG 2.0, 2.1 и 2.2 (A, AA, AAA)
- Пользователи
- 400 000 активных в неделю, по данным Deque
- Бесплатная версия
- Есть, автоматическая проверка всей страницы
- Стоимость
- Pro: пробный период 14 дней, цена не опубликована
Для чего нужен axe DevTools?
-
Проверить страницу в один клик
открытая страница проверяется по правилам WCAG, для каждой ошибки указаны серьёзность, место и способ исправления.
-
Проверить то, чего не видит автоматика
в версии Pro пошаговые тесты задают нужные вопросы об изображениях, формах, таблицах и работе с клавиатуры.
-
Протестировать компонент или сценарий
в Pro можно проверить отдельную область страницы или цепочку экранов, например оформление заказа.
-
Сохранять результаты и делиться ими
сохранённые тесты, экспорт и общие отчёты для командной работы над исправлениями — только в платных аккаунтах.
-
Встроить тесты в код
открытый движок axe-core бесплатно подключается к Playwright, Cypress, Selenium или Jest; полный пакет добавляет линтер, сводные отчёты и поддержку, чтобы блокировать регрессии в непрерывной интеграции.
-
Исправлять прямо в редакторе
MCP-сервер axe связывает проверку с вашим ИИ-помощником для кода, который предлагает исправления — их можно принять или отклонить.
Отзывы о axe DevTools
Эталон
Главное достоинство axe DevTools — он находится там, где вы и так работаете, в инструментах разработчика браузера: исправили компонент, перезапустили проверку — и ошибка исчезла. Результатам можно доверять: то, что он отмечает, почти всегда оказывается реальной проблемой, а каждое предупреждение ведёт к понятному объяснению. Бесплатной версии с запасом хватает разработчику или верстальщику, который хочет убрать очевидные ошибки перед запуском.
Его ограничение — то же, что у любой автоматической проверки. Какой бы хорошей она ни была, она охватывает лишь часть критериев: видит, что альтернативный текст есть, но не может оценить, правильно ли он описывает изображение, и не проверяет ни логику навигации с клавиатуры, ни понятность формы. Ноль ошибок в axe DevTools не означает, что сайт доступен, и тем более что он соответствует WCAG или европейским требованиям к доступности. К тому же многие конкурирующие и бесплатные инструменты работают на том же движке axe-core: проверка страницы в Lighthouse после axe DevTools не даёт второго мнения.
Пошаговые тесты версии Pro отчасти восполняют этот пробел и экономят время тем, кому приходится проверять вручную без опыта эксперта. А вот платному предложению не хватает прозрачности: на странице тарифов нет ни одной цены, чтобы её узнать, нужно создать аккаунт, а полный пакет продаётся через менеджера. Наконец, отчёт написан языком разработчиков: редактору или руководителю проекта в нём разобраться сложнее, чем в инструменте, который ставит значки прямо на страницу.
Сильные стороны
- Добротная бесплатная версия без регистрации, проверяющая всю страницу.
- Надёжные предупреждения, очень мало ложных срабатываний.
- Встроен в инструменты разработчика, работает и локально, и за авторизацией.
- Точные объяснения каждой ошибки с проблемным элементом и правилом WCAG.
- Полный пакет вплоть до линтера, автотестов и непрерывной интеграции.
Слабые стороны
- Автоматическая проверка охватывает лишь часть критериев доступности.
- Пошаговые тесты, частичная проверка, экспорт и сохранение доступны только в платных аккаунтах.
- Цена Pro публично не указана, а полный пакет продаётся через менеджера.
- Ограниченная версия для Firefox без платных функций.
- Отчёт рассчитан на разработчиков и малопонятен редакторам и руководителям проектов.
Стоит ли axe DevTools своих денег?
Да, если вы пишете или верстаете код и хотите проверять доступность каждого экрана по ходу разработки: бесплатное расширение отлично дополняет инспектор и остаётся одним из самых надёжных способов поймать типичные ошибки до приёмочного тестирования. Продуктовой команде, которой нужно выполнять требования доступности без эксперта в штате, пробный период Pro позволит самой оценить пользу пошаговых тестов.
Не обязательно, если вы не разработчик и вам нужна наглядная общая картина: WAVE от WebAIM показывает проблемы прямо на странице. И не обязательно, если нужно доказать соответствие сайта требованиям: никакой автоматический инструмент не заменит аудит, проведённый человеком с экранным диктором.
Accessibility Insights, бесплатное расширение Microsoft, добавляет к тому же движку тест перехода по Tab и пошаговую ручную оценку. WAVE со своим собственным движком даёт другой взгляд и хорошо дополняет axe. Проверка доступности в Lighthouse, уже встроенная в Chrome, использует лишь часть правил axe-core.
Сколько стоит axe DevTools?
Расширение бесплатно и для автоматической проверки не требует регистрации. Над ним Deque продаёт два предложения, не публикуя цен: расширение Pro, которое покупается онлайн за пользователя, но цена которого видна только после входа в аккаунт Deque, и полный пакет для веба, условия которого обсуждаются с отделом продаж.
| Тариф | В месяц | Включено | Для кого |
|---|---|---|---|
| Бесплатное расширение | 0 € | Автоматическая проверка всей страницы, справочные статьи, выбор стандарта WCAG | Разработчики и верстальщики, проверка по ходу работы |
| Расширение Pro | По запросу | Пошаговые тесты, проверка компонента или сценария, сохранение, экспорт, общие отчёты, Jira; цена видна после входа | Разработчики и небольшие команды, которые регулярно тестируют |
| Axe DevTools for Web | По запросу | Pro, а также линтер, API автотестов, непрерывная интеграция, MCP-сервер и сводные отчёты | Команды разработки и крупные организации |
Источник: официальные тарифы axe DevTools, данные на 31 октября 2026 года.
- На странице тарифов нет ни одной суммы — ни в евро, ни в долларах.
- Пробный период Pro длится 14 дней со всеми функциями и без банковской карты; затем аккаунт автоматически возвращается к бесплатной версии.
- Подписку Pro можно оформить на себя, на другого человека или на нескольких пользователей.
- Функции Pro доступны только в Chrome и Edge.
FAQ
Ответы на вопросы о axe DevTools
axe DevTools бесплатный?
В основном да: расширение бесплатно и без регистрации проверяет всю страницу. Для пошаговых тестов, частичной проверки, экспорта и сохранения нужна подписка Pro, которую можно попробовать 14 дней без банковской карты.
Сколько стоит axe DevTools Pro?
Deque не публикует цену на странице тарифов: она появляется при покупке, после входа в аккаунт Deque. Полный пакет для команд, Axe DevTools for Web, — по запросу.
Чем он отличается от проверки доступности в Lighthouse?
Оба работают на axe-core, но Lighthouse применяет лишь часть его правил и сводит всё к оценке из 100 баллов. axe DevTools запускает все правила, позволяет выбрать уровень WCAG и подробно описывает каждую ошибку.
Если в axe DevTools нет ошибок, сайт соответствует WCAG?
Нет. Автоматический тест проверяет лишь часть критериев. Соответствие WCAG требует ручных проверок, в идеале — аудита специалистом с экранным диктором.
Информация проверена 31 октября 2026 г.