Актуальные инструменты тестирования доступности

• Web Accessibility
• Лучшие инструменты
• Еще варианты

Требования к инструменту

Существует, казалось бы, бесчисленное множество подобных инструментов, поэтому с ходу выбрать лучший — задача не из легких. 

Инструменты тестирования веб-доступности проверяют соответствие стандартам доступности, таким как Руководство по доступности веб-контента (WCAG), выявляя элементы, которые могут препятствовать доступу пользователей с ограниченными возможностями. Эти инструменты проверяют, например, цветовой контраст и оттенки цветов, удобство навигации по клавиатуре и совместимость с программами чтения с экрана. 

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

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

Базовые возможности инструментов 

1. Сканирование доступности: Многие инструменты проверки веб-доступности автоматически сканируют сайт на соответствие требованиям WCAG и ADA из вашего браузера, т. е. с помощью расширения Chrome.
2. Инсайты: Хороший инструмент оценки веб-доступности должен предоставлять информацию о том, что разработчикам необходимо исправить в связи с обнаруженными проблемами.
3. Автоматизированное тестирование: Автоматизация — экономически эффективный способ масштабировать тестирование доступности на все ваши веб-сайты.
4. Ручное тестирование: Ручное тестирование доступности позволяет напрямую привлекать к тестированию членов сообщества людей с ограниченными возможностями.
5. Анализатор контраста: Анализатор цветового контраста — ценный инструмент для оценки того, подходят ли цвета и контрасты на сайте людям с такими нарушениями зрения, как дальтонизм. 
6. Инспектор alt-описаний: Валидатор доступности, позволяющий убедиться, что весь ваш сайт содержит точные и полные текстовые  alt-описания рисунков. 
7. Соответствие WCAG 2.1: Соответствие Руководству по обеспечению доступности веб-контента (WCAG) 2.1, охватывающему широкий спектр рекомендаций по повышению доступности веб-контента.
8. Соответствие стандарту Accessible Rich Internet Applications (ARIA): Набор ролей и атрибутов, определяющих способы сделать веб-контент и веб-приложения (особенно разработанные на JavaScript) более доступными для людей с ограниченными возможностями. 
9. Тестирование без привязки к ОС: Возможность тестирования под Windows, Mac, iOS, Android и другими ОС.

Шорт-лист 10 лучших инструментов

Вот мой выбор 10 лучших инструментов из двух десятков имеющихся. 

1. Tricentis Testim — лучший инструмент тестирования веб-доступности для команд, работающих по Agile 
2. accessiBe — лучший для тестирования веб-доступности на основе искусственного интеллекта с инструментами исправления исходного кода 
3. Siteimprove — лучший для соответствия требованиям Управления по гражданским правам (OCR) 
4. Equally AI — лучшее решение для автоматизированного тестирования веб-доступности с мониторингом в режиме реального времени 
5. UsableNET — Лучшая сеть профессиональных тестировщиков адаптивных технологий для ручного пользовательского тестирования 
6. Monsido — лучший автоматизированный сканер доступности веб-страниц и PDF-файлов 
7. ARC Platform от TPGi — Лучшая платформа для обеспечения доступности веб-сайтов с инструментом управления политиками 
8. WAVE — лучшее расширение для браузеров Chrome, Firefox или Microsoft Edge 
9. UserWay — лучший инструмент для обеспечения доступности на основе искусственного интеллекта, который не влияет на код сайта 
10. Equal Web — лучшее решение для тестирования веб-доступности с автоматизированным инструментом исправления ошибок

10 лучших инструментов тестирования веб-доступности 

Здесь представлено краткое описание каждого решения, его функции и скриншоты интерфейса, а также стоимость и общий рейтинг.

1. Tricentis Testim

Лучший инструмент тестирования веб-доступности для Agile-команд

• Есть бесплатный тарифный план
• От $450/месяц

Сайт

Testim — решение для автоматизированного тестирования пользовательского интерфейса и функционального тестирования для команд, работающих по Agile. Тестировщики могут записывать пользовательские потоки и добавлять кастомный JavaScript на любое действие на фронтенде или бэкенде. Про-подписка предлагает два теста, которые оценивают соответствие стандартам. Один из них проверяет доступность всей веб-страницы, другой — отдельных ее элементов.

Особая подписка на Testim доступна для пользователей Salesforce. Testim может в естественных условиях решать уникальные задачи платформы, такие как пользовательские объекты и Shadow DOM. Testim использует AI-локаторы, которые могут находить и исправлять стандартные и кастомные элементы объектов. Смарт-локаторы избавляют от необходимости переопределять локаторы при каждом изменении объектов.

Testim интегрируется с Azure DevOps, Jenkins, Circle CI и GitLab.

2 accessiBe 

Лучшее программное обеспечение для обеспечения доступности веб-сайтов на основе ИИ с инструментами исправления исходного кода 

• Бесплатная семидневная пробная версия 
• Цена от 490$.

Сайт

accessiBe — решение для проверки доступности веб-сайтов на основе ИИ, предлагающее два продукта: accessWidget и accessFlow. accessWidget автоматизирует соблюдение требований ADA, давая возможность установить на своем сайте интерфейс для посетителей с ограниченными возможностями. Интерфейс позволяет посетителям настраивать дизайн вашего сайта и помогает устранить 30 % наиболее распространенных барьеров доступности, с которыми сталкиваются посетители. 

accessFlow — это решение accessiBe для разработчиков и команд, универсальная платформа тестирования и мониторинга доступности, а также исправления исходного кода веб-страниц. Инструмент предоставляет инструкции, лучшие практики и готовые фрагменты кода.

AccessFlow интегрируется с инструментами DevOps, включая Jira, Asana, ClickUp и Amazon Web Services.

3 Siteimprove 

Best, что касается соблюдения требований (американского) Управления по гражданским правам (OCR) 

• Цена договорная

Сайт

Siteimprove — платформа для обеспечения доступности и контроля качества, которая занимается мониторингом веб-сайтов. Siteimprove также предлагает команды специалистов-тестировщиков доступности, которые предоставляют услуги ручного и автоматизированного тестирования. Команда оценивает состояние сайта и дает рекомендации по улучшению. 

Одной из областей, которую охватывает Siteimprove, является соответствие требованиям Управления по гражданским правам (OCR). 

Siteimprove поддерживает несколько инструментов управления контентом, таких как WordPress, Drupal и TYPO3. Также доступна интеграция Siteimprove с такими бизнес-приложениями, как Power BI, Tableau и Salesforce.

4 Equally AI 

Лучшее решение для автоматизированного тестирования веб-доступности с мониторингом в реальном времени 

• 14 дней бесплатной пробной версии 
• $279/в год за пакет Small 

Сайт 

Этот инструмент позволяет обеспечить надежный и приятный опыт для пользователей с ограниченными возможностями. Equally AI позволяет валидировать результаты на уровне алгоритмов и своевременно выявлять нарушения законодательства о доступности. Удобный пользовательский интерфейс, который отображает опции тестирования в определенных сценариях доступности. Equally AI позволяет протестировать доступность сайта, проверяя действия пользователей на клавиатуре.

5 Equal Web 

Лучшее решение для тестирования веб-доступности с автоматизированным инструментом исправления ошибок 

• Бесплатный план с ограниченными возможностями и платные подписки от $39 в месяц.

Сайт

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

На сайте устанавливается панель AI-инструментов от EqualWeb. Она предоставляет посетителям с ограниченными возможностями возможность настроить оптимальный режим работы с сайтом в соответствии с их особенностями. Посетители могут вносить изменения в навигацию, цвет и контент, которые учитывают различные нарушения, включая слепоту, эпилепсию и дислексию. Панель инструментов позволяет в целом соответствовать большинству требований WCAG. 

EqualWeb интегрируется со многими платформами и системами управления контентом (CMS), включая Google Sites, WordPress, WooCommerce, Shopify и Wix.

6 ARC Platform от TPGi 

Лучшая платформа тестирования доступности веб-сайтов с инструментом управления политиками 

• Бесплатный тарифный план 
• От $29/пользователь/месяц

Сайт

Accessibility Resource Center (ARC) компании TPGi предоставляет инструменты, аналитику и поддержку, необходимые для достижения соответствия стандартам ADA, Section 508 и WCAG. Стейкхолдеры могут отслеживать дефекты и прогресс в их устранении с помощью панелей ARC. ARC предоставляет разработчикам информацию, необходимую для устранения проблем с доступностью: описания ошибок и методы исправления на уровне кода, контекстная база знаний и модули электронного обучения.

Функция ARC Test Initiatives позволяет стейкхолдерам, ответственным за доступность, определять политики по проблемным местам на сайте. Есть опции пороговых значений успешности (исправления изъянов доступности), или политика полного устранения.

API ARC может интегрироваться с любым инструментом CI/CD или DevOps, поддерживающим RESTful API, включая Jenkins, Docker, Circle CI и Jira.

7 UsableNET

Лучшая сеть профессиональных тестировщиков адаптивных технологий ручного пользовательского тестирования 

• Цена договорная

Сайт

UsableNET AQA — программный комплекс для тестирования веб-доступности, предназначенный для тестировщиков и разработчиков. Они могут проводить тестирование на соответствие требованиям WCAG и ADA в staging или production-окружениях, а также на веб-сайтах через VPN. AQA тестирует отдельные страницы и сквозные user flow. Для каждой найденной проблемы AQA предоставляет готовый код и UX, вместе с инструкциями по устранению проблемы.

UsableNET располагает собственной сетью профессиональных тестировщиков адаптивных технологий из сообщества людей с ограниченными возможностями, которых заказчик может привлекать для аудита кода на соответствие WCAG. Сотрудники представляют широкий спектр медицинских расстройств и используют различные вспомогательные технологии. UsableNET координирует тестирование и предоставляет результаты непосредственно на платформе AQA.

AQA интегрируется с популярными системами доставки ПО, включая Jira, Jenkins и Sitecore.

8 Monsido 

Лучший автоматизированный сканер доступности веб-страниц и PDF-файлов 

• Цена договорная

Сайт

Monsido автоматически сканирует веб-сайты на наличие проблем с доступностью и предоставляет рекомендации по их устранению. Инструмент находит проблемные ссылки, изображения, текст и другие элементы веб-страниц и создает подробные отчеты. Расширение для браузера, подсвечивающие проблемные области, доступно для Chrome, Edge и Firefox.

Помимо веб-страниц, Monsido может помочь убедиться в доступности PDF-файлов. Сканер PDF Monsido работает на базе CommonLook, программной системы исправления ошибок в PDF. Этот инструмент выявляет распространенные проблемы доступности, включая неправильную маркировку изображений и форм.

Monsido предлагает интеграцию со многими CMS-платформами, включая Drupal, WordPress и Joomla.

9 WAVE 

Лучшее расширение для браузера Chrome, Firefox или Microsoft Edge 

• 30-дневная бесплатная пробная версия + бесплатный тарифный план 
• От $16/пользователь/месяц

Сайт

Тестирование доступности можно начать с ввода URL-адреса веб-страницы непосредственно на сайте WAVE или с помощью расширения для браузера WAVE в Chrome, Firefox или Edge.

Также предлагаются решения для тех, кому необходимо тестировать множество URL-адресов. Можно купить доступ к API WAVE и запустить механизм тестирования для автономного использования на своем сервере и анализировать любые веб-страницы, включая интранет, частные и защищенные страницы. Автономный API совместим с Windows, Mac и Linux. WAVE предлагает API по подписке, который работает на серверах WAVE, что позволяет компаниям тестировать публичные страницы без установки движка API.

Механизм тестирования WAVE состоит из библиотеки JavaScript, которую пользователи могут интегрировать с большинством систем CI/CD и тестирования, включая Selenium и Puppeteer.

10 Google Lighthouse 

Лучший автоматизированный инструмент для обеспечения доступности веб-сайтов, который можно запускать программно с помощью JavaScript 

• Полностью бесплатный

Сайт

Lighthouse — известнейший инструмент с открытым кодом, автоматизирующий тестирование доступности в Chrome. Программа легко доступна в Chrome Developer Tools, не требует настройки и расширений. Оно также может работать как Node-модуль, что позволяет пользователям включать Lighthouse в системы непрерывной интеграции.

Lighthouse выполняет несколько аудитов, охватывающих многие требования WCAG, включая отсутствие alt-текста, несогласованную структуру заголовков и низкий коэффициент цветового контраста. После каждого аудита Lighthouse оценивает доступность веб-страницы и дает рекомендации по улучшению.

Lighthouse можно кастомизировать, что позволяет запускать его программно с помощью JavaScript для создания пользовательских тестов доступности более сложных сайтов. Благодаря такому уровню гибкости вы можете выбрать конкретные функции, которые хотите протестировать, и установить параметры конфигурации в соответствии с уникальными потребностями сайта.

Lighthouse интегрируется с различными инструментами аналитики, включая Datadog, ObservePoint и AgencyAnalytics.

Другие варианты

Вот еще несколько инструментов тестирования веб-доступности, которые не попали в топ-лист.

• 11. UserWay
• 12. QA Wolf 
• 13. Tuskr 
• 14. Kobiton 
• 15. Deque 
• 16. JAWS
• 17. InclusiveDocs
• 18. achecker
• 19. WebAIM
• 20. DYNO Mapper
• 21. Axe DevTools
• 22. Accessibility by Trident AB (для Shopify)
• 23. Silktide

TheCTOClub