Screen reader что это
В операционных системах Windows, начиная с версии Windows 2000, встроено экранное считывающее устройство Microsoft Narrator. Компания Apple также встроила в macOS, iOS и tvOS экранный считыватель VoiceOver, а Google разработала Talkback для платформы Android. Также использующие Android устройства от Amazon разработали VoiceView для считывания экранов.
Также имеются популярные устройства для чтения экранов с открытым исходным ом. Например, Speakup и Orca [en] для ОС Linux и Unix-подобных систем и NonVisual Desktop Access для Windows.
Наиболее популярные устройства для считывания экранов, как правило, являются отдельными коммерческими проектами: JAWS от Freedom Scientific, Window-Eyes от GW Micro, Dolphin Supernova от Dolphin, System Access от Serotek и ZoomText считыватель от AiSquared являются яркими примерами
Содержание
Типы считывающих устройств [ | ]
Устройства работающие в режиме командной строки [ | ]
Графические [ | ]
«Off-screen» Модели [ | ]
Интерфейсы доступа [ | ]
Разработчики операционных систем и программных обеспечений пытались решить проблемы чтения экранов с пользовательским интерфейсом без необходимости поддерживать «off-screen» модель. Были предложены способы передачи информации от экранов при помощи так называемых интерфейсов доступа (accessibility API).
Экранные считыватели могут напрямую запрашивать информацию об элементах показанных на экране и об его обновлении у операционной системы или приложения. Например, считыватели могут узнать какая кнопка была нажата. Данный подход значительно облегчает задачу для разработчиков считывателей экранов, но только в случаях, если приложение поддерживает интерфейс доступа. Например, Microsoft Word не реализует MSAA интерфейс, следовательно считыватели могут только работать с «off-screen» моделью.
Облачные [ | ]
Некоторые телефонные сервисы позволяют взаимодействовать с интернетом удаленно. Например, TeleTender может считывать информацию с web страниц через телефон и не требует никаких специальных программ или вспомогательных устройств на стороне пользователя.
Интернет сервисы [ | ]
Относительно новый вид экранных считывателей, реализованных как интернет порталы, которые могут предоставлять информацию о погоде, новостях, научных статьях людям с ухудшенным зрением или слепым. В качестве примеров таких сервисов могут быть названы ReadSpeaker, BrowseAloud или Spoken-Web.
Программа чтения с экрана - это разновидность вспомогательной технологии ( AT ), которая отображает текст и изображение в виде речи или шрифта Брайля. Программы чтения с экрана важны для слепых и полезны для людей с ослабленным зрением , неграмотных или людей с ограниченными способностями к обучению . Программы чтения с экрана - это программные приложения, которые пытаются передать пользователям то, что люди с нормальным зрением видят на дисплее, с помощью невизуальных средств, таких как преобразование текста в речь , звуковые значки или устройство Брайля . Они делают это, применяя широкий спектр методов, которые включают, например, взаимодействие с выделенными API-интерфейсами доступности , использование различных функций операционной системы (таких как межпроцессное взаимодействие и запрос свойств пользовательского интерфейса ) и использование методов подключения .
Microsoft Windows , операционные системы включили Microsoft рассказчик чтения с экрана начиная с Windows 2000 , хотя отдельные продукты , такие как Freedom Scientific «S коммерчески доступный JAWS для чтения с экрана и ZoomText экранная лупа и свободным и открытым исходным кодом для чтения с экрана NVDA Н.В. Access являются более популярными для этого операционная система. Apple , Inc. «s MacOS , IOS и tvOS включают VoiceOver как встроенный считыватель экрана, в то время как Google » s Android предоставляет читателю экрана Talkback и его Chrome OS можно использовать ChromeVox. Точно так же устройства на базе Android от Amazon предоставляют программу чтения с экрана VoiceView. Существуют также бесплатные программы чтения с экрана с открытым исходным кодом для Linux и Unix-подобных систем, таких как Speakup и Orca .
СОДЕРЖАНИЕ
Командная строка (текст)
В ранних операционных системах , таких как MS-DOS , в которых использовались интерфейсы командной строки ( CLI ), отображение на экране состояло из символов, отображаемых непосредственно в экранный буфер в памяти и позиции курсора . Ввод осуществлялся с клавиатуры. Таким образом, вся эта информация может быть получена из системы либо путем перехвата потока информации вокруг системы и чтения экранного буфера, либо с помощью стандартного аппаратного выходного разъема и передачи результатов пользователю.
В 1980-х Исследовательский центр образования для лиц с ограниченными возможностями по зрению ( RCEVH ) при Университете Бирмингема разработал программу чтения с экрана для BBC Micro и NEC Portable.
Графический
Внеэкранные модели
API специальных возможностей
Разработчики операционных систем и приложений попытались решить эти проблемы, предоставив средствам чтения с экрана способы доступа к содержимому дисплея без необходимости поддерживать модель вне экрана. Они включают предоставление альтернативных и доступных представлений того, что отображается на экране, доступ к которому осуществляется через API . Существующие API включают:
Считается, что программы чтения с экрана имеют доступ ко всему отображаемому контенту, который не является недоступным по своей сути. Веб-браузеры, текстовые процессоры, значки и окна, а также программы электронной почты - это лишь некоторые из приложений, успешно используемых пользователями программ чтения с экрана. Однако, по мнению некоторых пользователей, использование программы чтения с экрана значительно сложнее, чем использование графического интерфейса пользователя, и у многих приложений есть определенные проблемы, связанные с характером приложения (например, анимация) или несоблюдением стандартов доступности для платформы (например, Microsoft Word и активная доступность).
Программы и приложения для самостоятельного озвучивания
Некоторые программы и приложения имеют встроенную технологию озвучивания наряду с их основными функциями. Эти программы называются само-озвучивающими и могут быть формой вспомогательных технологий, если они предназначены для устранения необходимости использования программы чтения с экрана.
Облачный
Некоторые телефонные службы позволяют пользователям удаленно взаимодействовать с Интернетом. Например, TeleTender может читать веб-страницы по телефону и не требует специальных программ или устройств на стороне пользователя.
Интернет
Относительно новой разработкой в этой области являются веб-приложения, такие как Spoken-Web, которые действуют как веб-порталы, управляя контентом, таким как обновления новостей, погода, научные и бизнес-статьи, для слабовидящих или слепых пользователей компьютеров. Другими примерами являются ReadSpeaker или BrowseAloud, которые добавляют функциональность преобразования текста в речь к веб-контенту. Основная аудитория таких приложений - это те, кто испытывает трудности с чтением из-за трудностей в обучении или языковых барьеров. Хотя функциональность остается ограниченной по сравнению с аналогичными настольными приложениями, основным преимуществом является повышение доступности указанных веб-сайтов при просмотре на общедоступных машинах, где у пользователей нет разрешения на установку специального программного обеспечения, что дает людям большую «свободу передвижения».
С развитием смартфонов возможность слушать письменные документы (текстовый веб-контент, PDF- документы, электронные письма и т. Д.) Во время вождения или во время аналогичной деятельности так же, как прослушивание музыки, принесет пользу гораздо более широкой аудитории, чем слабовидящим людям. Самыми известными примерами являются Siri для iOS , а также Google Now и Iris для Android . С выпуском Galaxy S III , Samsung также представил аналогичный интеллектуальный личный помощник под названием S Voice . В операционной системе BlackBerry 10 их смартфон Z30 также имеет функции голосового взаимодействия, которые аналогичны другим мобильным операционным системам .
Эта функциональность зависит от качества программного обеспечения, а также от логической структуры текста. Использование заголовков, знаков препинания, наличия альтернативных атрибутов для изображений и т. Д. Имеет решающее значение для хорошей вокализации. Кроме того, веб-сайт может иметь красивый внешний вид из-за использования соответствующего двухмерного позиционирования с помощью CSS, но его стандартная линеаризация, например, путем подавления любых CSS и Javascript в браузере, может быть непонятной.
Настройка
Большинство программ чтения с экрана позволяют пользователю выбрать, будет ли большая часть знаков препинания объявляться или игнорироваться. Некоторые программы чтения с экрана можно настроить для конкретного приложения с помощью сценариев . Одно из преимуществ сценариев состоит в том, что они позволяют делиться настройками между пользователями, повышая доступность для всех. Например, у JAWS есть активное сообщество по обмену сценариями.
Многословие
Многословие - это функция программного обеспечения для чтения с экрана, предназначенная для пользователей компьютеров с ослабленным зрением. Элементы управления подробностью речи позволяют пользователям выбирать, какой речевой отклик они хотят услышать. В частности, настройки детализации позволяют пользователям создавать мысленную модель веб-страниц, отображаемых на экране их компьютера. Основываясь на настройках подробности, программа чтения экрана информирует пользователей об определенных изменениях форматирования, например, когда фрейм или таблица начинается и заканчивается, где графика была вставлена в текст или когда в документе появляется список.
Некоторые программы чтения с экрана могут читать текст на нескольких языках при условии, что язык материала закодирован в его метаданных .
Некоторые программы чтения с экрана также включают языковую многословность, которая автоматически определяет параметры подробности, связанные с языком вывода речи. Например, если пользователь перешел на веб-сайт в Великобритании, текст будет прочитан с английским акцентом .
Для большинства из нас работа с компьютером и сёрфинг в Сети это почти полностью зрительный опыт. Мы передвигаем курсор по экрану, нажимаем кнопки и менюшки, читаем тексты и смотрим на картинки. Но, хотя, большинство из нас при работе с компьютером рассчитывает только на монитор, слепые и зрительно слабые люди тоже не остаются за бортом. James и Uleshka беседовали со слепым программистом Masafumi «Max» Nakane на тему он- и оф-лайновой юзабилити для тех, кто не может видеть.
Макс, чем отличается то, как слепые люди пользуются компьютером от того, как это делают зрячие?
Разница не так уж велика, вы просто используете клавиатуру, где вы на память знаете расположение каждой клавиши. Чтобы получать обратные данные, вы можете использовать разный софт, который может либо читать вам вслух, то, что должно быть на экране либо же описывать вам это с помощью знаков Брейлля.
Опишите нам, пожалуйста, дисплей Брейлля?
Это такая коробка, которая подключается к ПК, обычно через USB, соответственно, раньше для этого использовался параллельный либо последовательный порт. Думаю, некоторые из последних моделей используют Bluetooth. В зависимости от вашей готовности тратить деньги, на нём могут располагаться от 40 до 80 ячеек Брейлля и каждая из них состоит из 6 либо 8 точек, которые вместе обозначают один знак Брейлля.
У вас есть несколько кнопок на корпусе устройства, которые вы можете использовать для подачи команд скрин-ридеру на ПК. За один раз вы можете отобразить только 40 знаков, что, очевидно, не достаточно для просмотра целого экрана. Тогда вы используете кнопки на устройстве, чтобы перемещать зону обзора по экрану, как будто вы смотрите через подзорную трубу, и чтобы получить полную картинку, вы должны собрать все фрагменты воедино в своём воображении.
Когда ты принял решение использовать скрин-ридер и когда твой выбор остановился на ридере Брейлля?
Ну, так можно сказать только отчасти. Для программирования и подобных штук я, как правило, использую Брейлля, поскольку он более точен. Если я хочу почитать книжку, то не использую Брейлля поскольку это получается медленно. Софт для чтения текстов можно настроить на очень высокую скорость произношения; один том книжки можно прочитать за 3 часа, и это вполне быстро.
Здесь запись того, как максовский скрин-ридер читает эту статью. Замете, что это несамая большая скорость! Макс считает, что это подходящая скорость для неторопливого чтения, но люди, для которых английский язык родной предпочитают более высокие скорости.
Макс, раньше ты проводил для W3C много исследований связанных с аксессибилити, а сейчас работаешь, исследователем для Auto-ID Lab. Japan
в Keio University. Сейчас, как никогда прежде, аксессибилити становится популярной темой в прессе, но считаешь ли ты, что в этой области, на самом деле, происходят какие-то улучшения? Легко ли тебе пользоваться навигацией по большинству блогов?
Ну, вообще-то, и да и нет. Сперва, надо принять во внимание несколько моментов:
Скрин-ридер пытается вытягивать информацию из веб-браузера. Internet Explorer парсит HTML и скрин-ридер просто берёт информацию из памяти. Мой скрин-ридер позволяет перепрыгивать от одного заголовка на другой и таким образом можно быстро просматривать страницу. Но без соответствующих тэгов, обозначающих заголовки, скрин-ридер не знает куда ему прыгать. Поэтому, чтобы обозначить строчку как заголовок, лучше использовать в HTML соответствующие тэги, а не тэги шрифтов, которые просто заставят текст выглядеть, как заголовок, что встречается сплошь и рядом.
Многие шаблоны для блогов как, например, в Movabletype активно используют тэги заголовков, благодаря чему, такую страницу вполне легко просматривать или найти начало статьи. Вообще, блогерам, конечно, следует разбираться в том, из чего состоит HTML-страница, и если вы сталкиваетесь с тем, кто не особенно этим интересуется, кто, на самом деле, не фанат, то вряд ли от него можно ожидать понимания этих подробностей.
Ещё одна фишка в том, что подобные функции есть не в каждом скрин-ридере. То есть, люди, которые используют простой скрин-ридер вынуждены просто слушать всё подряд, пока не дойдут до необходимого контента. Чтобы всё это преодолеть следует уделить внимание аксессибилити.
Вот 3 простые вещи, которые вы могли бы сделать, чтобы ваш сайт находился на достаточном уровне аксессибилити:
1. Используйте для картинок атрибут “alt”. Если вы снабдите картинки на своём сайте альтернативным текстовым описанием, люди с недостатками зрения смогут понять, что на них изображено даже если они заходят на сайт с помощью скрин- или Брейлль-ридера. Только не надо добавлять “alt“-описание для картинок-пробелов (невидимых картинок, которые иногда используют чтобы контролировать разметку страницы) поскольку скрин- и Брейлль-ридер будут читать и их тоже!
2. Используйте в качестве гиперссылок выражения, которые содержат смысл. Если делать линки понятными вне контекста это поможет тем пользователям, которые могут и не прочитать всё предложение или сканируют страницу только ради линков. То есть, вместо загадочного «Чтобы посмотреть мои фотки кликни здесь», напишите «Взгляните на мои фотки со дня рождения». Вы можете также добавить к гиперссылке атрибут “title”, чтобы дать пользователю дополнительную информацию, когда он наведёт на неё курсор.
3. Используйте подходящие названия для страниц и заголовков. Первое, что скрин-ридер сообщит пользователю, будет название вашей страницы – а стало быть, оно должно быть как можно более информативным, оставаясь не слишком длинным. Затем многие пользователи с проблемами зрения, будут слушать названия заголовков внутри страницы, чтобы определить ту часть, которая им нужна. Если ваши тэги заголовков будут добавлены некорректно, у них ничего не получится!
Просто и эффективно! Спасибо тебе за советы.
Что ты вообще думаешь о портативных электронных устройствах? Допустим, МР3-плейер. Сложно ли тебе ими пользоваться?
Ну, некоторыми из них, да. Я не смог нормально пользоваться iPod, поскольку с его софтом iTunes практически невозможно работать на ПК со скрин-ридером. У меня был плейер, который также использовался в качестве USB-хранилища, то есть, мне не нужен какой-то специальный софт, чтобы перемещать мои файлы в плейер. На самом деле, я не пользуюсь многими из функций, которые, вероятно, в любом случае, не требуется.
Ты упомянул, что пользуешься PC – тебе просто нравится PC или причина в том, что большинство существующего речевого софта предназначено только для PC и не для Mac?
На самом деле, для Mac’ов нет ничего нормального. Думаю, что Apple сейчас пытается разработать какие-то решения направленные на аксессибилити для слепых, но я не уверен, на сколько глубоко они взялись за это и ещё я не думаю, что они это делают с учётом каких-то языков кроме английского.
Интересно… Как насчёт использования мобильных телефонов?
Около четырёх лет назад Docomo выпустила первый сотовый телефон с речевым выводом. Их основная аудитория была престарелые граждане, но кроме этого они добавили некоторые фишки, которые могли быть очень кстати и для слепых пользователей. Первая модель могла только читать имейлы и меню и позволяла просматривать телефонную книгу с помощью речевого вывода.
Следующая модель тоже читала веб-контент с помощью речевого вывода. Насколько я знаю, AU выпустила две модели, которые говорили. До того, как появились эти телефоны, я просто запоминал последовательность, необходимую для вызова номера.
Есть ли среди продуктов, которые ты используешь, такие, которые были спроектированы специально для слепых?
Некоторые вещи у меня дома могут могут говорить, например, часы, дистанционный пульт управления кондиционером, показатели некоторых приборов, типа того. Но, на самом деле, они не создавались специально для слепых, поскольку вы можете купить их в обычном магазине.
Но, что касается моих часов, я не думаю, что они сделаны для кого-то кроме, как для слепых: они позволяют определять время на ощупь.
Пример звучанияговорящего эскалатора на станции Shibuya и звук, который издаёт банкомат в знак подтверждения.
Когда я впервые приехал в Токио, был очень удивлён всеми этими говорящими штуковинами, типа музыкального пешеходного перехода и железнодорожными станциями с разными мелодиями, ванными, которые говорят, что вода уже нагрелась… Эти штуки действительно помогают или больше бесят?
Ну, большинство из них помогает. Иногда, конечно, бывает перебор, но вы можете просто не обращать внимание. Они пока не создают столько шума, чтобы стать проблемой.
Здесь маленький пример того, какие звуки окружают человека пока он проходит всего 100 метров в центре Shibuya.
Многие иностранцы говорят это, когда впервые приезжают в Токио. (улыбается) На самом деле, когда приезжаешь в другую страну, где нет объявлений о пребытии поезда или автобуса, чувствуешь себя очень некомфортно, поскольку не знаешь, что тебе нужно делать. Если поезда приходят настолько в соответствии с графиком, как в Японии, то ещё можно догадаться, но если приедешь, к примеру, в США и сядешь на Амтрак – это уже будет посложнее.
Говорящие светофоры, несомненно, предназначены для слепых. Что касается прочих штуковин типа объявлений в поездах, я не уверен, что они действительно создавались для незрячих. Я думаю, это просто часть информационного сервиса для всех пассажиров.
Здесь часто встречаются знаки Брейлля: на железнодорожных станциях, на перилах, билетных автоматах. Насколько они полезны? Достаточно ли они информативны?
На перилах Брейлль очень даже помогает. Если я попадаю на станцию, где никогда раньше не был, то первым делом ищу перила с указателями Брейлля и, как правило, в них есть вся необходимая инфа.
Если это перила, которые ведут по ступенькам вверх на платформу, на них указывается номер платформы, какая линия и в каком направлении она идёт. Когда вы поднимаетесь на станцию, то указатели Брейлля на другом конце перила сообщат вам, куда ведут какие из турникетов. Перила рядом со ступеньками, которые ведут к выходу со станции, сообщат вам его название. Иногда они сообщают, что находится вокруг, типа какая улица, или какой там главный ориентир, в общем, вы всегда в курсе.
Существуют ли какие-то правила, по которым работают дизайнеры подобных вещей? Кто вообще их производит? И существуют ли какие-то общие стандарты относительно того, как и где их размещать?
Честно говоря, не в курсе. Кто-то просто начал этим заниматься в качестве эксперимента, а потом, я думаю, после многих проб и ошибок, судя по реакции слепых, всё стало на свои места, в смысле, где нужно размещать указатели и другие штуки. Всё же, стандарта не существует; указатели Брейлля на дверях в поезда, на одних линиях расположены выше, чем на других и содержание у них тоже разное.
Как насчёт этих жёлтых плиток, которые можно видеть повсюду в Токио? Я слышал, что у них есть очень много разных вариантов, поскольку они также не стандартизированы, что реально напрягает людей, которые пытаются ими пользоваться. Насколько тебе удобно ими пользоваться?
Ну, некоторые из слепых полагаются на них гораздо больше, чем я. Для меня это лишь тип ориентира. То есть, если я каждые день прихожу на одну и ту же железнодорожную станцию, я буду знать, что когда я пересекаю эту плитку, значит, мне скоро надо будет повернуть, что-то вроде этого, не совсем то, для чего они предназначены изначально.
Очевидно, изначальная идея в том, чтобы слепые могли на ощупь двигаться вдоль этой дорожки. Но если вы оказываетесь где-нибудь впервые, то никогда не догадаетесь, куда она ведёт. Некоторые считает, что слепым легче идти на ощупь, но это не всегда правда и не всегда безопаснее определять что-либо на ощупь, чем как-то иначе.
Лучше, конечно, чтобы они были, особенно на железнодорожных платформах, где они предупреждают меня о том, чтобы не свалиться на рельсы. (смеётся)
И, если можно, ещё вопрос; я обратил внимание, что на упаковках некоторых напитков тоже есть знаки Брейлля. Что они обозначают?
Эти пометки ставятся лишь на алкогольные напитки, чтобы те, кто не хочет алкоголь мог взять из холодильника что-нибудь другое. Но разные компании делают это по-разному; большинство просто пишут алкоголь, но на банках с пивом “Kirin”, с одной стороны стоит “Kirin”, а с другой “пиво”. На банке есть место только для трёх-четырёх знаков Брейлля, соответственно, у вас не слишком большой выбор того, что там можно написать.
Вы можете написать “Kirin”, но написать там “Sapporo” уже никак не удастся!
По официальной статистике Минздрава, более чем у 20 миллионов жителей России временные или постоянные нарушения зрения. Согласно данным главного офтальмолога РФ Владимира Нероева, количество учтённых тотально незрячих и слабовидящих в России составляет 218 тысяч человек, из них абсолютно незрячих — 103 тысячи. Но реальное число людей с нарушениями зрения значительно выше.
Тотально незрячих людей немного. Но игнорировать их потребности — значит не только не соответствовать современным стандартам, но и терять аудиторию. Например, Сбербанк при разработке новой версии интернет-банка Сбербанк Онлайн уделил отдельное внимание доступности для незрячих и сделал сайт удобным.
Инженеры ещё в конце 80-х начали искать решения, которые помогли бы людям с нарушениями зрения пользоваться компьютером. Сейчас незрячие люди при работе с компьютером и смартфоном используют программы экранного доступа. Первая подобная программа JAWS появилась в 1989 году. Её разработал американец Тед Хентер, потерявший зрение после дорожной аварии.
В основе технологии ротор — функция выбора элементов, с помощью которой пользователь перемещается по странице, и голосовой интерфейс, который описывает все её элементы: заголовки, ссылки, картинки и так далее.
Принцип работы у JAWS и её аналогов идентичный. Скринридер, отвечающий за сканирование данных на экране, выводит информацию блоками. Разработчик приложения и операционная система определяют, какая именно информация попадёт в эти блоки.
Предлагаем угадать на слух, какой сайт звучит в аудиофрагменте. Правильные ответы мы собрали в конце статьи.
При работе с сайтом скринридер работает, в первую очередь, с кодом, html-метками, размечающими блоки текста и заголовки, а также с самим текстом. Правильно расставленные метки дают незрячему пользователю информацию о структуре страницы и позволяют быстро по ней перемещаться.
Важно, чтобы визуальные элементы были подписаны так называемыми «альтами» — подписями для скринридера. Если картинка или пиктограмма на кнопке не подписаны, то пользователь слышит «right arrow.jpg», а на адаптированном сайте он услышит «перейти на следующую страницу».
JAWS изначально создавался для MS-DOS. Это была одна из немногих программ для чтения с экрана, работающих в текстовом режиме этой операционной системы.
Теперь аналогичные программы разработаны для каждой системы. У Apple — это VoiceOver, на Android — TalkBack, для Windows — NVDA и JAWS.
Технологий море. С их помощью можно обеспечить высокий уровень цифровой инклюзии людей с различными особенностями. Но мы их не применяем. На мой взгляд, потому что мы ещё не до конца повзрослели как общество.
Последний качественный прорыв, мне кажется, случился более 10 лет назад. Тогда Apple выпустил на рынок технологию VoiceOver в iPhone 3GS. Сопоставимых по масштабу функциональных прорывов я сейчас не наблюдаю. То, что есть, просто достраивается: где-то что-то улучшается, где-то что-то ухудшается — но заметного прогресса нет.
Ситуация с доступностью мобильных приложений, информационных сервисов, интернет-ресурсов в России изменяется не очень быстро. Движение есть, но оно поступательное. Стремление Сбербанка обеспечить полную доступность всех удалённых каналов является приятным исключением, высоко оцененным пользователями с нарушениями зрения.
Для создания доступного интерфейса прежде всего требуется корректная верстка. На более поздних этапах разработки необходимо проводить автоматизированное тестирование доступности и тестирование на целевых группах.
Когда мы начали обновлять дизайн интернет-банка, мы в первую очередь попросили макеты новой страницы у дизайнеров, и вместе с незрячим экспертом банка посмотрели, какие там будут области, как их лучше разметить заголовками.
В качестве примера: раньше, чтобы через интернет версию Сбербанк Онлайн перевести деньги, приходилось выполнять порядка 20 или даже 30 нажатий на стрелки клавиатуры для перемещения по странице. Сейчас достаточно пяти нажатий.
руководитель направления, Дивизион «Особенные решения» СбербанкаНезрячие пользователи довольно консервативны, многие из них принципиально не обновляют операционные системы и приложения на своих смартфонах — им придётся заново их исследовать и изучать. При разработке нового Сбербанк Онлайн программисты старались сделать его не просто доступным, а удобно доступным, чтобы пользователь мог работать с ним без посторонней помощи, так как речь идёт о банковской тайне.
Например, в мобильном приложении Сбербанка есть довольно редкая для российского рынка функция — звуковая индикация загрузки страницы. Во многих других приложениях, когда, например, рассчитывается комиссия на операцию, телефон не издаёт сигналов. И незрячий человек не понимает — приложение зависло или не прошло целевое действие. В подобных ситуациях приложение Сбербанка издает специальные щелчки, которые сигнализируют о том, что приложение работает.
При управлении с клавиатуры незрячему пользователю должно быть очевидно положение фокуса, а переход между элементами должен быть логичным – сверху вниз и слева направо, в порядке визуального расположения элементов.
Когда верстка готова, с помощью клавиши Tab проверяется фокус при управлении.Разработчики не всегда учитывают, что при навигации с помощью скринридера любое всплывающее (модальное) окно должно выделяться с помощью клавиатурного фокуса, иначе незрячий пользователь не поймёт, что оно появилось.
Пользователь должен иметь возможность выбрать и активировать любой интерактивный элемент на странице с помощью клавиш Tab, пробела и стрелок. Если есть элементы, раскрывающиеся при наведении на них курсора, то должна быть предусмотрена альтернатива для скринридера — в этом могут помочь библиотеки доступности wai-aria.
Специфика для незрячего пользователя в том, что он воспринимает всю информацию на слух. Зрячий пользователь, например, может нажать на кнопку, посмотреть на следующий экран и довольно быстро вернуться обратно.
У человека с нарушениями зрения на это уйдёт намного больше времени: нажатиями кнопок ему придётся перемещаться по экрану и прослушать все элементы.
руководитель направления, Дивизион «Особенные решения» СбербанкаВсе элементы на странице должны быть свёрстаны отдельно. Если подписи к полям и формам свёрстаны как единый текстовый блок, незрячий человек не узнает, к какому полю какая подпись относится. Особое внимание следует уделять таблицам и элементам captcha. Защищённый «молчащей» captcha сценарий будет навсегда закрыт для незрячего пользователя.
В Сбербанк Онлайн практикуется сценарный подход, чтобы убедиться, что все этапы полностью доступны для незрячего пользователя и на его пути не возникнет неподписанной кнопки или неозвучиваемой информации.
Для незрячих пользователей особенно важна функция, позволяющая беспрепятственно перемещаться по странице и переходить к основному контенту. Она дает возможность пропустить рекламу и перепрыгнуть через длинную навигацию к нужной информации веб-страницы, уменьшая количество контента, который они прослушивают.
В коде HTML есть метки для заголовков разного уровня. Когда незрячий пользователь слышит страницу в первый раз, он нажатием на «горячую клавишу» перемещается по этим заголовкам. Ему необязательно пролистывать весь экран – он может сразу переместиться на заголовок нужного уровня или, например, в раздел курсов валют. Для корректной работы разработчик должен разметить все заголовки нужного уровня и все области.
Заголовки первого уровня на макете должны быть заголовками H1 в коде — и наоборот. Обычный текст не должен выделяться как заголовок.При грамотной разработке пользователь сможет самостоятельно выбрать масштаб контента – при этом сайт останется читаемым. Использовать адаптивную верстку для этого – лучшее решение. Это и закроет потребности слабовидящих пользователей (у которых есть остаточное зрение), и обеспечит адаптируемость сайта под любое устройство.
Также должны быть соблюдены требования к контрастности. Минимальный её коэффициент — 4,5:1. Проверить свой сайт на контрастность можно с помощью плагинов и программ: Stark plugin, Colour Contrast Analyser, Colorable.
Для читаемости сайта при изменении масштаба используется адаптивная вёрстка.Первым элементом для пользователя скринридера должен быть первый элемент страницы — как правило, это кнопка «назад» или заголовок. Разработчики должны учитывать, что курсор можно ставить не в начало страницы, а на первый значимый по смысловой нагрузке элемент.
Если мы говорим о доступных цифровых сервисах, то я всегда привожу в пример Сбербанк. Во-первых, это приложение Сбербанк Онлайн для iOS и Android. Во-вторых, это Сбербанк Бизнес Онлайн, сейчас в веб-версии.
Я тотально незрячий человек и при взаимодействии с компьютером и гаджетами использую программу экранного доступа. Если приложение и сайт адаптированы, то для того, чтобы осуществлять платежи мне не приходится прибегать к помощи других людей.
Например, если мне нужно ввести смс с кодом подтверждения, то раньше мне требовалось переключаться между приложениями, запоминать код или просить сделать это других людей. Теперь смс зачитывает сринридер и предлагает подставить её в приложение автоматически, это очень удобно.
руководитель проекта Dialogue in the Dark, эксперт Всероссийского общества слепых и консультант Сбербанка по вопросам доступности продуктовПодробнее о доступности интерфейса можно почитать в гайдлайнах, которые разработал Сбербанк и разместил в открытом доступе.
Сайт Пенсионного Фонда России предлагает не только удобные настройки контрастности для слабовидящих. Там разработали и встроили виджет, зачитывающий выделенный текст – это удобно для слабовидящих, но для незрячего всё равно потребуется скринридер на персональном компьютере.
Помимо веб-версии банк адаптировал и своё приложение Сбербанк Онлайн и Сбербанк Бизнес Онлайн для предпринимателей. А недавно и веб-версия Сбербанк для бизнеса стала доступной для слабовидящих.
Из личного опыта реализации accessibility:
1. Все скринридеры довольно сильно отличаются друг от друга — намного сильнее, чем обычные браузеры. Конечное звучание зависит и от скринридера, и от браузера, и от версии операционной системы.
2. Ни один скринридер не поддерживает WAI-ARIA на 100%. Многие приёмы и примеры с официального сайта могут работать в реальном скринридере не совсем корректно.
3. При включении скринридера браузеры переходят в особый режим работы. В этом режиме клавиатурное взаимодействие начинает определяться aria-разметкой, поэтому тестировать навигацию с клавиатуры нужно обязательно при включённом скринридере.
4. Внедрять поддержку доступности для сайта или сервиса лучше всего ещё на этапе дизайна. UX-составляющей в этом процессе очень много. Дизайнер должен учитывать поведение скринридера, взаимодействие компонентов сайта, цветовую палитру, размеры шрифтов.
5. Есть множество нюансов дизайна. Например, нельзя показывать изменение некоторого состояния элемента одним лишь цветом. Нужно или рисовать иконку, или добавлять текстовое описание.
6. Доступная цветовая палитра — это боль. Официальная формула расчёта контрастности не совсем удачна и может выдавать странные результаты для многоцветных изображений. Например, контрастность белого текста на цветной кнопке или плашке может оказаться недостаточной.
7. Если планируется аудит доступности сайта или сервиса сторонней компанией-аудитором, то следует знать, что это весьма непростой процесс: аудитор будет придираться даже к чтению графиков и карт.
8. Кстати говоря, встраиваемые гуглокарты, в отличие от сайта Google Maps, сами по себе не поддерживают чтение. Нужно дорабатывать их самостоятельно.
9. Аналогично, библиотеки для рисования графиков сами по себе не учитывают скринридеры. В каждом конкретном случае нужно придумывать своё решение этой проблемы.
10. Если аудитор проверил страницу, то это ещё не значит, что она теперь точно доступна на 100%. Попросите его проверить её ещё раз, и она вам найдёт новые ошибки. Это следует учитывать, когда аудит изначально заказан клиентом, а вы заказываете у аудитора предварительные проверки.
А можно раскрыть более подробно личный опыт реализации accessibility.
В настоящий момент разрабатываем магазин и честно говоря, я задаюсь этим вопросом. Но с какого конца начать, нет понимания. С командой сошлись на том, что минимум титры к видеоматериалам. Возможно синхронист, но нет понимания востребованности. Но, это пока в сторону людей с ограничением по слуху, а с ограничением по зрению.
Мысли . В России все плохо и с доступной средой и с материалами для уникальных людей. Если посмотреть на прогрессивные страны - редкий концерт даже реп исполнителей обходиться без сурда, а потенциал лояльной аудитории огромный.
Вообще я реализовывал accessibility для веб-приложения, а не типичного сайта, но общие приёмы схожи. Постараюсь вкратце изложить их. Если что-то непонятно — буду рад подсказать подробнее.
Самая главная цель — чтобы незрячий пользователь смог зайти к вам в магазин и сделать заказ: то есть смог понять, что это действительно магазин, что он в его регионе, пользователь смог бы пройти по каталогу, заполнить корзину и оформить заказ. В крайнем случае — нашёл бы телефон.
Чтобы понять, как звучит ваш сайт, можете поставить себе на компьютер программу NVDA, запустить её, надеть наушники или включить колонки, открыть браузер, а затем с закрытыми глазами попытаться открыть ваш сайт и что-нибудь там найти без помощи мышки одной лишь клавиатурой.
Для начала на сайте важна разметка: она должна быть семантическая и валидная. Например, в скринридерах есть возможность зачитать «оглавление» страницы, которое формируется из тегов H1-H6 и быстро перейти к нужному подразделу. Списки ul-li и ol-li тоже зачитываются особым образом: скринридер упоминает, что в таком-то списке столько пунктов, а вы находитесь на таком-то пункте.
К изображениям обязательно должны быть прописаны alt-атрибуты с описанием того, что на них изображено. Посмотрите, например, сайт Майкрософта. Сейчас на главной там висит баннер с рекламой Teams. Alt-атрибут картинки говорит: «Пять человек работают удаленно, используя Microsoft Teams.» Ниже на странице на баннере OneDrive картинка подписана как «Женщина использует ноутбук с Windows 10 и OneDrive».
Не уверен, что у незрячего пользователя возникнет желание включать видео. Я бы, наверное, сделал сопроводительный текст. Так или иначе он пригодится и для SEO. Для людей с ограничениями по слуху, конечно, в видео незаменимы будут субтитры. И разумеется, html-разметка видео тоже должна содержать атрибуты с текстовым описанием.
Помимо полностью незрячих есть ещё люди с нарушениями цветовосприятия (их, кстати, весьма много), ну и, разумеется, люди с плохим зрением. Для первых важно будет проверить, что контент нигде не сливается с фоном или плохо виден из-за цвета. Для вторых, что цвета достаточно контрастные, шрифты не микроскопические, анимации не мельтешат. Для таких целей есть специальные дизайнерские инструменты.
Подытоживая: для создания более-менее доступного сайта создайте простой, «чистый» дизайн; сверстайте его семантично; подпишите все картинки, видео, графики и карты; проверьте, как страница звучит в разных популярных скринридерах, в том числе и на телефонах. Если пользоваться сайтом неудобно, придётся доработать разметку aria-атрибутами.
Актуальные версии Скринридеров на 22 февраля 2021 г.
Для Windows
Jaws For windows
Для OS Android
Google TalkBack
Текущая версия: 8.2
Обновление от 13.04.2020
Jieshuo screenreader (Commentary screenreader)
ShinePlus
Для OS Symbian
Mobile Speak
Nokia Screen Reader
Talks
Текущая версия: 5.31.4
Рассказать друзьям!
В первую очередь спасибо за отзыв.
Да, по поводу NVDA вы правы, тем более что вышла новая версия программы и она будет обновлена.
А о себе и людях, которые помогают мне, я обязательно расскажу.
Да спасибо! только вот нвда должна выйти а эта версия еще пока актуальна. А вот джавс версия не верная. дата да а версия уже не такая чтото 9.2.
Здравствуйте.
вот точно, спасибо. последнее время не успел уследить за jaws, а ElitaGroup активизировались, локализации стали выходить регулярнее, к чему бы это?
Подскажите, пожалуйста, что делать? Установили Джос, представленный на вашем сайте( до этого еще много пробовали с других источников), но везде он работает в 40-минутном режиме. Скачали 13 версию с лекарством, но так ничего и не получилось. Купить программу-стоит очень дорого.(((
Постараюсь ответить на все ваши вопросы.
Можно поискать лекарства. пишите в личку. попробую помочь.
Здравствуйте, виктория! где ваш адрес я помогу вам активировать джавс. и не надо искать нвда. ну кто чем пользуется тут не важно. а важно кто к чему привык. я вот к сожалению тоже не привык к нвда. есть у нее конечно свои плюсы и минусы. как у всего так и у джавса. кое-какие плагины я все же перетянул в джавс. а вот коечто из джавса бы телось добавить в нвду.
Здравствуйте, Алексей. Я уведомлял Викторию на электронную почту о пришедших комментариях, видимо проблема разрешилась, раз ответа и реакции не последовало.
Здравствуйте,Виктория. да жавс стоит очень дорого а тачнее чтобы было понятно всем. 38000 тыс рублей. очень несоветою. на windows 10 мне кажется больше подойдет nvda! если у вас не windows 10 вы можете так же продолжать пользоватся nvda. кстате если хотите перехадите на windows 10 бесплатное обнавление на windows 10 будет офециально закрыта 29 июня.
Спасибо, наконец то нашёл нокиевский скринридер со скачкой без заморочек.
и хочется надеяться что официальная версия.
Здравствуйте, Виктор.
Версия полностью официальная, подписанная сертификатом.
В прочим на этой странице представлены только официальные версии программ.
Ещё раз предупреждаю, обсуждения и просьбы о не лицензионном ПО не пропускаются
добрый день, подскажите пожалуйста, у моего мужа 1гр по зрению, он очень увлекается прослушиванием книг, ранее мы покупали диски mp 3 с книгами но это очень дорого, у него на компьютере установлен ДЖОЗ 9.0 и библиоман 2007 г, он уже на 3 раза переслушал всю библиотеку на библиомане. Подскажите пожалуйста можно ли сейчас обновить библиоман, если да то как? и есть ли сейчас другие возможности прослушивания книг? слышала что есть букридоры с возможностью скачивания книг через интернет и их голосовое прочтение, но не могу найти где и как их можно заказать.Если у вас есть возможность подскажите пожалуйста.
здравствуйте, добрый вечер! Скажите, пожалуйста: естьли русский синтезатор речи для программы mobile speak, кроме Алёны?
есть ещё синтезатор ирина, но, кажется мне, его качество гораздо хуже
скажите, пожалуйста: как скачать файлы из yandex.disk на компьютере, и ещё: есть ли программа для symbian, который открывает и скачивает файлы из yandex.disk? Раньше кое-как зашёл два раза из своего телефона на этот сайт, но не мог скачать, нажимаю на кнопку download, не скачивается! Извините за длинных вопросов
скажите, пожалуйста: есть ли синтезатор речи катерина для mobile speak?
Если я не ошибаюсь, то нету, только для Talks катерина была.
как сделать, чтоб nvda говорил не мб, а мегобайт? Вот я с словарём хотел сделать, сделать то сделал, но после чуть не упал от смеха: он говорит не комбинированный список, а коммегобайтированный список! Объясните, пожалуйста, как это сделать?
1. Поставьте последнюю версию NVDA.
2. Добавьте запись в общий словарь вот так:
Шаблон: мб
Замена: Мегабайт
Учитывать регистр Флажок не отмечено
Тип: Whole word
Попробуйте потом напишите, помог ли вам совет.
здравствуйте! Скажите пожалуйста! Где можно скачать последния версия алена и ольга для компьютера
здравствуйте! Подскажите, пожалуйста, где можно скачать кряк или лекарства для джос 15
У нас на сайте вы их не найдёте
скажите, пожалуйста, почему для андроидов есть синтезатор речи rh voice, а для symbian нет
Symbian уже официально не поддерживается, а проще говоря скоро канет в лету, это раз, во вторых android предоставляет больше возможностей для партирования приложений, насколько я могу понимать, ну и разумеется что больший функционал для приложений и возможностей для разработчиков. Но самая главная причина в том, что никому не нужно партировать синтезаторы на отмирающую систему.
Что-то тут с android совсем затухло. Мало того, что Talkback обновился уже не один раз, так ещё и Shine Plus появился, да и Talkback Plus тоже вполне ничего себе так скринридер!
главная причина в недостатке времени. в ближайшее время будут размещены и новый TalkBack, и shine Plus.
Скорее всего официальную лицензию вы уже купить не сможете.
доброво вам времени суток! пажалуйста обьесните почиму нет скриптов для джавс,nvda. и нет дополнений для nvda
Здравствуйте! Подскажите, пожалуйста! Какая разница talkBack и shine plus?
Здравствуйте, в shine plus просто есть чуть больше возможностей и настроек, а так роль у них одинаковая.
здравствуйте! дело в том, что у меня телефон на базе симбиан, e-52. мобилспиком браузер не озвучивается. смогу ли я добиться лучшей озвучки, т.е. вообще озвучки браузера, если поставлю nokio screenreader или talks? если да, то что лучше ставить? заранее спасибо за ответ.
Здравствуйте. Насколько мне известно, Mobile Speak должен озвучивать браузер в данной модели телефона. Установите последнюю версию программы.
Добавить комментарий Отменить ответ
Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.
Читайте также: