Блог

Главная - Вопросы по программированию - Отображать веб-сайты так, как это воспринимает программа чтения с экрана?

Отображать веб-сайты так, как это воспринимает программа чтения с экрана?

#accessibility #screen-readers

#Специальные возможности #программы чтения с экрана

Вопрос:

Я наткнулся на (снятый с производства?) расширения Chrome Оттенки хрома, которые отображают веб-сайт так, как его воспринимает программа чтения с экрана:

  • Изображения заменяются их alt текстами
  • Содержимое отображается / скрывается в соответствии с атрибутами и состояниями CSS ( display:none и visibility:hidden ) и WAI-ARIA ( aria-hidden="true" )
  • Метки форм проверяются на правильность связи с полями ввода
  • title Отображаются атрибуты
  • и т.д.

К сожалению, расширение, похоже, прекращено, и текущая версия приводит к сбою моего Chrome.

Есть ли какой-либо другой полезный способ сделать это? Для ясности: я спрашиваю не о разных инструментах, выполняющих разные функции (например, о панели инструментов веб-разработчика в Firefox, которая позволяет, например, отображать alt атрибут изображений), а о каком-то универсальном инструменте, который преобразует визуальный веб-сайт в более или менее линейное представление.

Ответ №1:

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

В нижней части руководства упоминается, что некоторые из выполняемых им функций можно выполнить, просто отключив CSS, для чего вам не нужно расширение. Популярным инструментом является WAVE от WebAIM, который тестируется на WCAG 2.0, в отличие от хромированных экранов, которые ориентированы на цели, по которым легко попасть.

Помимо WAVE, вам следует выполнять собственную проверку, потому что true automatic (ChromeShades не относится к таковым) может отображать только от 17 до 25% WCAG 2.0. Полезно использовать контрольный список, который есть в WebAIM. Я полагаю, что у W3C есть такой по ссылке выше.

Комментарии:

1. Спасибо за ваш ответ. Мне следовало упомянуть, что я уже опытный консультант по доступности и знаю многие из описанных вами инструментов. Для очень краткого обзора было бы просто полезно иметь что-то вроде ChromeShades, которое отображает наиболее очевидные проблемы всего одним щелчком мыши (вместо того, чтобы активировать различные небольшие инструменты для этого), а также позволяет клиентам легко получить представление о проблемах своего веб-сайта.

2. Лично я использую три инструмента. Сначала я провожу свою собственную проверку, которую я бы описал примерно так, как это делает ChromeShades, но она выполняется вручную. Если я чувствую себя ленивым или думаю, что чего-то не хватает — я использую Wave. Если мне нужно официально поставить на чем-то свою печать, я использую контрольные списки моей компании. Я хочу сказать, что вам не следует использовать решения в один клик. Ближайшая вещь, которую я бы предложил, это WAVE