Читатели экрана обращают внимание на CSS? - PullRequest
3 голосов
/ 23 ноября 2011

Читатели экрана просто читают контент, не обращая внимания на CSS?

Я спрашиваю, почему я хотел бы использовать LESS.js для некоторых моих CSS (поэтому не для всех).Насколько я понимаю, пользователи с отключенным JS в любом случае получат базовый опыт, поэтому они не пропустят некоторые из моих презентационных CSS.

Однако, как насчет Screen Readers ... они будут пропускать мои дополнительныеCSS, который обслуживается через Javascript?

PS Нет предложений компилятора, пожалуйста, мне это не интересно - они замедляют мой рабочий процесс.

Спасибо

Ответы [ 3 ]

7 голосов
/ 23 ноября 2011

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

При чтении в Интернете программа чтения с экрана фактически не загружает и не анализирует HTML или CSS: браузер делает это, и программа чтения с экрана считывает то, что отображается браузером, обычно путем прямого доступа к основному DOM.(например, в Win32 с IE, через различные интерфейсы IHTML *) или через API, связанный с доступностью.

(обратите внимание, что это означает, что поддержка может варьироваться в зависимости от комбинации программы чтения с экрана и браузера; JAWS может работать противIE или Firefox, но не в настоящее время Chrome, Opera или Safari, и может в некоторых случаях фактически отличаться от IE против Firefox.)

Обычно это означает, что программы чтения с экрана игнорируют большинство CSS - они в значительной степени игнорируют большинство форматированияи макет и сосредоточиться на содержании;но все современные программы чтения с экрана учитывают, по крайней мере, display: and visibility: так что они не будут считывать контент, который не видит зрячий пользователь.Например, программа чтения с экрана не захочет читать «свернутый» текст - пока это не будет уместно.Ключевой проблемой здесь является то, что эти два атрибута CSS на самом деле имеют семантическое значение, поэтому для программ чтения с экрана важно передать это.

Поскольку программы чтения с экрана получают эти значения обычно из DOM (прямо или косвенно),Неважно, были ли они установлены с помощью встроенных стилей, внешней таблицы стилей или во время выполнения с помощью javascript.

-

Краткое примечание к звуковым таблицам стилей: сейчас они просто не имеют значенияна сценарий чтения с экрана.

Во-первых, проблема в том, что пользователь программы чтения с экрана может вообще не использовать речевой вывод.

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

Это делает работу программы чтения с экрана принципиально отличной от речевого интерфейса пользователя (где может быть уместен звуковой лист).Пользовательский интерфейс действительно все еще основан на отображении;случайным образом пользователь получает к нему доступ;и эта косвенность может быть через речь, Брайль или некоторую комбинацию.Но вам не нужно об этом беспокоиться, если у вас на первой странице хорошая семантическая разметка.

1 голос
/ 23 ноября 2011

Предполагается, что они берут подсказки из свойств CSS, определенных в голосовом модуле , когда выясняют, как читать текст в стиле CSS.

При звуковом рендеринге документа сочетаются синтез речи (также известный как «TTS», аббревиатура «Текст в речь») и слуховые значки (которые в данной спецификации мы называем «звуковые сигналы») Звуковое представление информации распространено среди сообществ пользователей, которые являются слепыми или слабовидящими. Например, «программы чтения с экрана» позволяют управлять визуальными пользовательскими интерфейсами, которые в противном случае были бы недоступны. Есть и другие случаи, когда прослушивание текстовой информации (в отличие от чтения) является необходимостью. Типичными примерами являются использование в автомобиле устройства для чтения электронных книг, системы промышленной и медицинской документации, домашние развлечения, помощь пользователям в обучении чтению или поддержка пользователей, испытывающих трудности с чтением (проблемы с печатью).

Когда речь заходит о документах, качество воспроизведения речи зависит от структуры и семантики, созданных в самом контенте. Модуль CSS Speech предоставляет свойства, которые позволяют авторам декларативно управлять презентационными аспектами звукового измерения (например, тембра TTS, уровней высоты звука, темпа и уровня громкости). Эти свойства таблицы стилей могут использоваться вместе с визуальными свойствами (смешанная техника) или в качестве полной звуковой альтернативы визуальной презентации.

Создатели контента могут условно включать свойства CSS, предназначенные для пользовательских агентов с возможностями синтеза текста в речь, путем указания типа носителя «речь» через атрибут media элемента link, или с помощью @media at-rule, или внутри оператор @import. При этом стили, созданные в рамках таких условных операторов, игнорируются пользовательскими агентами, которые не поддерживают этот модуль.

1 голос
/ 23 ноября 2011

Да и нет.CSS должен быть проанализирован, чтобы программа чтения с экрана знала, читать элемент или нет.Элементы с display: none не будут читаться программой чтения с экрана, однако есть и другие способы скрытия контента, которые можно наблюдать только с помощью программы чтения с экрана.

Я настоятельно рекомендую загрузить пробную копию JAWS или Window Eyesи выполнение фактического тестирования юзабилити вашего сайта.

...