Предпросмотр текста для экранного диктора

Проверьте, как экранный диктор интерпретирует ваш контент

Что делает этот инструмент простыми словами

Незрячие и слабовидящие посетители слушают вашу страницу через программы экранного доступа — программы, которые озвучивают каждую ссылку, кнопку, заголовок и изображение. Вставьте сюда ваш HTML, чтобы увидеть точные слова, которые они услышат, в том порядке, в котором они их услышат.

Используйте перед публикацией, чтобы обнаружить отсутствующие описания изображений, кнопки с надписью только "нажмите здесь" или ссылки, которые ведут в неясные места. Панель «Проблемы» выделяет всё, что может запутать, чтобы вы могли быстро это исправить.

HTML

Что такое Предпросмотр текста для экранного диктора?

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

Как использовать

  1. Вставьте HTML-контент или введите URL для анализа.
  2. Просмотрите линеаризованный порядок чтения и дерево доступности элементов.
  3. Исправьте выявленные проблемы и повторно протестируйте, пока порядок чтения не станет логичным.

Результат

Разработчик вставляет навигационное меню. Инструмент обнаруживает, что у 3 ссылок отсутствуют доступные имена, а иерархия заголовков перескакивает с h1 на h4, что вызывает путаницу у пользователей скринридеров.

Похожие инструменты