Предварительный просмотр для чтения с экрана

Вставьте HTML, чтобы увидеть, как программа чтения с экрана линеаризовала бы и озвучивала его. Проверьте ваши alt-тексты, заголовки и ARIA-атрибуты.

Вывод программы чтения с экрана

Вставьте HTML и нажмите Анализировать.
📚 Научные основы и источники

Для кого предназначен этот инструмент

Программы чтения с экрана — важная вспомогательная технология для слепых или людей со значительными нарушениями зрения. Согласно Всемирному отчёту о зрении ВОЗ (2019), не менее 2,2 миллиарда человек в мире страдают нарушениями зрения, из которых около 43 миллионов слепы. Опрос WebAIM Screen Reader Survey (2024) последовательно показывает, что подавляющее большинство пользователей программ чтения с экрана — люди с инвалидностью, причём слепота является наиболее частой причиной. Разработчики, дизайнеры и создатели контента используют этот инструмент, чтобы предварительно увидеть, как их HTML будет интерпретирован вспомогательными технологиями, что помогает выявить отсутствующие альтернативные тексты, неправильные структуры заголовков, кнопки и поля без доступного имени и неправильное использование ARIA до того, как с ними столкнутся конечные пользователи.

Как работает этот инструмент

Этот инструмент анализирует ваш HTML через нативный DOMParser браузера (никакие данные не покидают ваше устройство), затем обходит дерево доступности, чтобы построить линеаризованный порядок чтения. Он проверяет наличие альтернативных текстов на изображениях, согласованность уровней заголовков, ссылки и кнопки без доступного имени, ARIA-роли и метки, а также поля форм без связанной метки.

Научные ссылки

  • WebAIM (2024). «Screen Reader User Survey #10 Results.» webaim.org · Крупнейший постоянный опрос о способах использования программ чтения с экрана, комбинациях браузеров и препятствиях для доступности. Последовательно отмечает, что заголовки и ориентиры (landmarks) являются основными стратегиями навигации пользователей.
  • Всемирная организация здравоохранения (2019). Всемирный отчёт о зрении. · Сообщает, что не менее 2,2 миллиарда человек в мире страдают нарушениями зрения вблизи или вдаль, из которых около 43 миллионов слепы.
  • Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). «Guidelines are only half of the story: Accessibility problems encountered by blind users on the web.» Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Установлено, что значительная часть проблем доступности, с которыми сталкиваются слепые пользователи, не охватывается одними только WCAG, что подчёркивает необходимость ручной проверки и тестирования с программами чтения с экрана.
  • Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). «What frustrates screen reader users on the web: A study of 100 blind users.» International Journal of Human-Computer Interaction, 22(3), 247–269. · Выявлены отсутствующие альтернативные тексты, неподписанные поля форм и вводящие в заблуждение метки ссылок среди главных разочарований, о которых сообщают слепые пользователи.
  • W3C WAI (2023). «WAI-ARIA Authoring Practices 1.2.» · Определяет, как роли, состояния и свойства должны использоваться, чтобы сделать динамический контент доступным для вспомогательных технологий.

Уведомление

Этот инструмент предоставляет упрощённое приближение вывода программы чтения с экрана на основе HTML-дерева доступности. Реальные программы чтения с экрана (NVDA, JAWS, VoiceOver, TalkBack) различаются по способу озвучивания контента, обработке ARIA-атрибутов и взаимодействию с динамическими виджетами. Этот предпросмотр не заменяет тестирование с реальными программами чтения с экрана и реальными пользователями. Он предназначен для раннего обнаружения распространённых проблем в процессе разработки.

Связанные инструменты

Средство проверки заголовков WCAG Ресурсы доступности Генератор доступной цветовой палитры Проверка контрастности цветов