Сканирование мобильных приложений на доступность
Просканируйте URL мобильного веб-приложения для автоматического аудита доступности с реальной эмуляцией мобильного устройства и получите чек-лист WCAG 2.2 для вашей платформы (iOS, Android, React Native или Flutter), который можно отслеживать и экспортировать. Проверка скриншотов экранов нативных приложений необязательна и требует настроенной модели компьютерного зрения.
1Выберите платформу
2Проверить живой URL (рекомендуется: запускает настоящее автоматическое сканирование)
Введите URL вашего мобильного веб-приложения (или мобильной версии сайта). Мы запускаем наш полный движок проверки доступности в профиле эмуляции мобильного устройства (мобильный viewport, user agent и сенсорный ввод), поэтому размеры областей касания, reflow и другие результаты отражают макет размером с телефон, а не десктопный макет, выданный за мобильный.
Работает в режиме эмуляции мобильного устройства Chromium (мобильный viewport, user agent и сенсорный ввод), а не в настоящем iOS Safari или Android Chrome. Для нативного приложения iOS, Android, React Native или Flutter, которое уже получает собственное дерево доступности, см. эндпоинт native-tree ниже.
Уже есть нативное дерево доступности?
Если ваше приложение инструментировано с помощью XCUITest, UIAutomator или тестового набора React Native/Flutter, отправьте полученное нативное дерево доступности методом POST напрямую на /api/mobile-scan для детерминированных проверок областей касания и отсутствующих подписей. URL или снимок экрана не нужны. Подробности см. на вкладке SDK ниже.
3Загрузить снимок экрана (необязательно: визуальная проверка моделью компьютерного зрения, если она есть на сервере)
Без скриншота вы получаете полный чек-лист платформы. Скриншот добавляет необязательную визуальную проверку там, где настроена модель компьютерного зрения.
Перетащите файл или нажмите, чтобы загрузить
PNG, JPEG или WEBP, максимум 10 МБ
Что мы проверяем
Автоматическая мобильная проверка
Введите URL, и мы запустим полный движок обнаружения нарушений WCAG этого приложения (тот же, что и у десктопного сканера) в режиме эмуляции мобильного устройства. Он выявляет проблемы с областями касания, reflow и мобильно-специфичные проблемы, а не выдаёт статический чек-лист.
Визуальный анализ на основе ИИ
Загрузите снимок экрана для рекомендательной визуальной проверки (контраст, неясные иконки, перегруженные макеты) моделью компьютерного зрения, если она есть на сервере. Без неё вы получите чек-лист платформы, а кредит не списывается.
Чек-лист WCAG 2.2
16 проверок для конкретной платформы, охватывающих области касания, адаптивность (reflow), изменение размера текста, совместимость с программами чтения с экрана, альтернативы жестам, движение и аутентификацию.
Особенности React Native
accessibilityRole, accessibilityState, accessibilityHint, accessibilityActions: точные свойства, которые должны задать ваши разработчики, сопоставленные с критериями WCAG.
Интеграция с CI/CD
REST API принимает снимки экрана из Detox, Appium, XCUITest, Espresso. Автоматически прерывайте сборку при обнаружении критических регрессий доступности.
Правила Android (TalkBack)
contentDescription, importantForAccessibility, labelFor: атрибуты Android, необходимые для TalkBack, проверяемые на соответствие WCAG 4.1.2.
Правила iOS (VoiceOver)
accessibilityLabel, accessibilityTraits, поддержка Dynamic Type (scaledFont), accessibilityContainer: правила для полной совместимости с VoiceOver.