Словами самого skill
Тестирует веб-приложения с помощью программ экранного доступа VoiceOver, NVDA, JAWS, TalkBack и Narrator на платформах macOS, Windows, iOS и Android. Проверяет совместимость со скринридерами, отлаживает проблемы вспомогательных технологий и обеспечивает корректную реализацию ARIA через практическое тестирование с реальными скринридерами.
Охватывает навигацию, формы, объявления динамического контента, управление фокусом и модальные диалоги. Предоставляет команды для конкретных платформ, чек-листы тестирования и примеры кода для типовых паттернов доступности. Делает акцент на тестировании в разных режимах скринридера (обзор, фокус, приложение) и приоритет семантического HTML с ARIA как дополнительным улучшением.
Что он выдаёт
- Чек-лист тестирования VoiceOver, охватывающий загрузку страницы, навигацию, ссылки, формы, динамический контент и таблицы
- Тест-скрипт NVDA с пошаговыми инструкциями для первоначальной загрузки, ориентиров, заголовков, форм, интерактивных элементов и динамического контента
- Примеры кода HTML с доступными паттернами и исправлениями типичных проблем: кнопки без подписей, динамический контент без объявлений и ошибки форм
- Код JavaScript для управления фокусом, включая модальные диалоги, захват фокуса и навигацию с клавиатуры в интерфейсе вкладок
Как это работает
- 01Протестируйте с основными скринридерами по платформам
Используйте NVDA с Firefox на Windows (31% использования), VoiceOver с Safari на macOS и iOS (15% использования), JAWS с Chrome (40% использования), TalkBack на Android (10% использования) и Narrator с Edge (4% использования).
- 02Перемещайтесь с помощью команд, специфичных для скринридера
Выполняйте команды, такие как VO+Right Arrow для навигации по элементам в VoiceOver, H для перехода по заголовкам в NVDA, Insert+F7 для списков ссылок в JAWS и жест двумя пальцами для прокрутки в TalkBack.
- 03Тестируйте в режимах обзора и фокуса
Проверьте, что скринридеры корректно переключаются между режимом обзора для чтения контента и режимом фокуса для взаимодействия с элементами управления форм, отслеживая объявления о смене режима.
- 04Проверьте семантическую структуру и ARIA
Проверьте, что заголовки доступны через ротор или список элементов, ориентиры корректно подписаны, живые области (live regions) объявляют обновления, а роли, такие как dialog, tab и progressbar, реализованы правильно.
- 05Проверьте управление фокусом и взаимодействие с клавиатурой
Убедитесь, что после отправки формы фокус перемещается к ошибкам, модальные окна корректно захватывают фокус и возвращают его при закрытии, а интерфейсы вкладок реагируют на стрелки, Home и End.
- 06Протестируйте объявления динамического контента
Инициируйте обновления контента и убедитесь, что role="status" с aria-live="polite" объявляет изменения после текущей речи, тогда как role="alert" прерывает немедленно.