Что такое screen reader
screen reader
Смотреть что такое «screen reader» в других словарях:
Screen reader — A screen reader is a software application that attempts to identify and interpret what is being displayed on the screen (or, more accurately, sent to standard output, whether a video monitor is present or not). This interpretation is then re… … Wikipedia
Screen reader — Lecteur d écran Un lecteur d’écran (en anglais screen reader) est une aide technique qui retranscrit ce qui est affiché sur un écran par synthèse vocale et/ou en braille, et permet d’interagir avec le système d’exploitation et les logiciels.… … Wikipédia en Français
Screen-Reader — Ein Screenreader (deutsch: Bildschirmleseprogramm) ist ein Software Produkt, das Blinden und Sehbehinderten eine alternative Benutzerschnittstelle anstelle des Textmodus oder anstelle einer grafischen Benutzeroberfläche bietet. Ein Screenreader… … Deutsch Wikipedia
Screen Reader — Ein Screenreader (deutsch: Bildschirmleseprogramm) ist ein Software Produkt, das Blinden und Sehbehinderten eine alternative Benutzerschnittstelle anstelle des Textmodus oder anstelle einer grafischen Benutzeroberfläche bietet. Ein Screenreader… … Deutsch Wikipedia
Screen reader — Ein Screenreader (deutsch: Bildschirmleseprogramm) ist ein Software Produkt, das Blinden und Sehbehinderten eine alternative Benutzerschnittstelle anstelle des Textmodus oder anstelle einer grafischen Benutzeroberfläche bietet. Ein Screenreader… … Deutsch Wikipedia
screen reader — noun A system that speaks aloud information from a computer display, for users with impaired vision … Wiktionary
JAWS (screen reader) — Infobox Software name = JAWS caption = developer = Freedom Scientific latest release version = 9.0.2169 latest release date = 24 may 2008 latest preview version = 10.0.396 latest preview date = 25 September 2008 operating system = Microsoft… … Wikipedia
Screen magnifier — See also: Magnifying glass Login to Wikipedia using a screen magnifier. A screen magnifier is software that interfaces with a computer s graphical output to present enlarged screen content. It is a type of assistive technology suitable for… … Wikipedia
Screen Actor’s Guild Award — Screen Actors Guild Award Screen Actors Guild Awards Statue du trophée remis par la Screen Actors Guild Cérémonie actuelle … Wikipédia en Français
Screen Actors Guild Awards — Screen Actors Guild Award Screen Actors Guild Awards Statue du trophée remis par la Screen Actors Guild Cérémonie actuelle … Wikipédia en Français
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 являются яркими примерами
Содержание
Типы считывающих устройств [ | ]
Устройства работающие в режиме командной строки [ | ]
В ранних операционных системах, таких как MS-DOS, которые предоставляли интерфейс командной строки для работы с ними (CLIs), вся информация отображалась в текстовом виде, из буфера памяти относительно позиции курсора. Ввод совершался при помощи клавиатуры. Таким образом, вся информация с экрана могла быть извлечена из системы либо через перехват потока информации и чтения буфера экрана либо посредством использования стандартного выходного гнезда и сообщения результатов пользователю.
Графические [ | ]
«Off-screen» Модели [ | ]
С прибытием графического интерфейса пользователя (GUI), стало значительно труднее интерпретировать информацию на экранах. GUI интерфейс имеет текста и другие графические элементы расположенные в произвольных позициях. Следовательно, нельзя интерпретировать информацию с экрана полностью в текстовом виде. Таким образом, было предложено другое решение о том как считывать информацию об экранах, при помощи сбора сообщений поступающих от операционной системы. На основе этих данных строится модель независящая от информации на экране («off-screen»), в которой хранится только требуемая текстовая информация.
Например, операционная система может послать сообщение отрисовать кнопку и её заголовок. Эти сообщения перехватываются считывателем экрана и обрабатываются. Пользователь может переключатся между элементами управления (такими как кнопки), доступными на экране и их заголовки будут прочитаны вслух или показаны на Брайлевском дисплее.
Интерфейсы доступа [ | ]
Разработчики операционных систем и программных обеспечений пытались решить проблемы чтения экранов с пользовательским интерфейсом без необходимости поддерживать «off-screen» модель. Были предложены способы передачи информации от экранов при помощи так называемых интерфейсов доступа (accessibility API).
Экранные считыватели могут напрямую запрашивать информацию об элементах показанных на экране и об его обновлении у операционной системы или приложения. Например, считыватели могут узнать какая кнопка была нажата. Данный подход значительно облегчает задачу для разработчиков считывателей экранов, но только в случаях, если приложение поддерживает интерфейс доступа. Например, Microsoft Word не реализует MSAA интерфейс, следовательно считыватели могут только работать с «off-screen» моделью.
Облачные [ | ]
Некоторые телефонные сервисы позволяют взаимодействовать с интернетом удаленно. Например, TeleTender может считывать информацию с web страниц через телефон и не требует никаких специальных программ или вспомогательных устройств на стороне пользователя.
Интернет сервисы [ | ]
Относительно новый вид экранных считывателей, реализованных как интернет порталы, которые могут предоставлять информацию о погоде, новостях, научных статьях людям с ухудшенным зрением или слепым. В качестве примеров таких сервисов могут быть названы ReadSpeaker, BrowseAloud или Spoken-Web.
5 самых неприятных фич для слепого человека на сайтах
Вот пять самых раздражающих своей недоступностью веб-элементов, с которыми я сталкиваюсь как слепая девушка-пользователь скринридера каждый день.
Для слепых и слабовидящих людей, таких как я, доступность — это не просто слово, это реальный выбор: или мы можем работать с сайтом, или не можем.
Как работают скринридеры
Скринридеры позволяют слепым и слабовидящим людям самостоятельно пользоваться компьютерами, телефонами и планшетами. В большинстве скринридеров работает движок Text To Speech (TTS), который преобразует текст с экрана в речь.
Скринридеры воспроизводят вслух всё, что находится на экране, и позволяют осуществлять навигацию сенсорными жестами и сочетаниями клавиш. Они также работают с другими устройствами вывода, такими как дисплей Брайля.
Вот наиболее распространённые проблемы, с которыми я сталкиваюсь ежедневно.
Неподписанные ссылки и кнопки
Пользователи скринридеров полагаются на ссылки и кнопки для навигации по веб-сайту и поиска необходимой информации. Если ссылки и кнопки помечены неправильно или вообще не помечены, то пользователям трудно найти нужную информацию. В конечном счёте, немаркированные ссылки значительно затрудняют простую, быструю навигацию по сайту.
Например, в ссылке на описание компании подпись «Нажмите здесь» не даёт никакого представления о том, куда она ведёт, в отличие от ясной фразы «Узнайте больше о том, кто мы такие».
Если ссылки и кнопки правильно помечены, то скринридеры могут зачитать надпись вслух. Это означает, что слепым и слабовидящим людям не придётся нажимать ссылку или кнопку, не зная, куда она приведёт.
Кроме немаркированных элементов, также действительно расстраивают ссылки и кнопки без ясного описания. Они должны сопровождаться чётким текстом, куда они ведут при нажатии, а не «Нажмите здесь». Никогда не заставляйте пользователей гадать или действовать методом проб и ошибок. Это утомительно и неудобно.
Изображения без описания
Вероятно, это самая распространённая проблема, с которой я сталкиваюсь при просмотре веб-страниц. Описания изображений очень важны для доступности. Они известны как alt text (альтернативный текст).
Скринридеры зачитывают вслух эти описания, так что слепые и слабовидящие люди могут понять содержание изображения в доступной форме. Если у изображений нет альтернативного текста, то скринридеры просто произнесут слово «изображение или «графика», что не даёт никакого контекста или смысла.
Изображения часто передают ценную информацию. Поэтому важно, чтобы люди с нарушениями зрения также могли получить доступ к этой информации, alt text должен быть чётко написан и давать точное описание изображения.
Плохое использование заголовков
Для быстрой и удобной навигации многие пользователи скринридеров перемещаются по странице с помощью различных элементов, таких как заголовки. Это отличный способ быстро находить нужную информацию. Особенно если заголовки следуют логической структуре H1, H2 и H3, которая помогает расставить приоритеты.
Если на сайте нет заголовков, то пользователи скринридеров не могут использовать соответствующие сочетания клавиш. В таком случае на длинной странице приходится перемещаться табами или стрелками, чтобы найти нужную информацию.
Заголовки также помогают визуально разбить контент и улучшить читабельность. Кроме заголовков, пользователи скринридеров могут перемещаться на странице по ссылками, спискам и ориентирам WAI-ARIA.
Недоступные веб-формы
Большинство веб-сайтов так или иначе используют формы. Будь то поиск товара или форма обратной связи. Но если эти формы не маркированы или маркированы неправильно, то мы не можем их использовать.
Например, если поле поиска не помечено, то пользователи скринридеров понятия не имеют о назначении этого поля. Это означает, что люди, использующие программы чтения с экрана, не могут получить доступ к тем же функциям.
Формы обратной связи — это эффективный способ для клиентов связаться с вашей компанией. И для пользователей скринридеров нет ничего более неприятного, чем неправильно помеченные эти формы.
Особенно использование капчи. Если она без звука, то мы не можем самостоятельно заполнить такую форму. Мне часто приходится прибегать к помощи зрячего человека, но такая возможность есть не у всех.
Автоматическое воспроизведение аудио и видео
Большинство людей знает, насколько раздражает веб-страница с громкими рекламными объявлениями, которые внезапно включаются на воспроизведение. Но для пользователей скринридеров ситуация ещё хуже. Автоматическое воспроизведение видео или аудио может заглушить звук скринридера. Это затрудняет поиск кнопок паузы или остановки.
(И если эти кнопки не помечены, то для меня практически невозможно быстро остановить видео, что дополнительно раздражает). Если я не могу остановить звук или видео, я обычно закрываю страницу.
Решение проблемы? Убедитесь, на вашем сайте нет автоматического воспроизведения видео или аудио. Если вы действительно хотите опубликовать видео, убедитесь, что звук выключен и пользователь может остановить воспроизведение или скрыть медиаплеер.
Эти проблемы могут показаться незначительными для зрячих. Но для меня это разница, могу я взаимодействовать с сайтом или нет. И очень важно реализовать их правильно.
Скринридеры
Что такое скринридеры, как они устроены и работают, почему для них важна семантическая вёрстка и как их тестировать.
Время чтения: 13 мин
Обновлено 20 декабря 2021
Сайтами и приложениями пользуются разные люди. Кто-то может это делать с любого устройства, а другим нужны вспомогательные технологии (assistive technology). Это такие программы и устройства, которые упрощают взаимодействие пользователей с особыми потребностями с контентом. К примеру, выносные кнопки, трекболы, брайлевские дисплеи, экранные лупы и скринридеры.
Одна из самых популярных вспомогательных технологий — скринридеры 🤖
Кратко
Скринридер (screen reader) — программа, которая превращает контент интерфейсов в речь или шрифт Брайля. Другие названия — программа экранного доступа или чтения, программа чтения с экрана и экранное считывающее устройство.
Они нужны людям со слепотой и слабовидящим, а также пользователям с когнитивными особенностями, которым легче воспринимать информацию на слух. Например, людям с дислексией.
Слабовидящие пользователи могут сочетать скринридеры с другой вспомогательной технологией — экранной лупой (screen magnification). Она увеличивает контент на экране и тоже его озвучивает, если это нужно.
Устройство
Скринридеры состоят из двух частей:
Интерфейсы могут быть написаны на различных языках программирования и поддерживать разные функции, шорткаты (сочетания клавиш), жесты и настройки.
Движки тоже могут отличаться, но чаще всего используют формантный синтез речи (Formant Text-to-Speech). Он основан на искусственных звуках, которые имитируют человеческую речь. Плохо передаёт эмоции, зато тексты зачитываются на любой скорости без потери качества. Это важно, ведь многие люди слушают интерфейсы с высокой скоростью.
Пользователи могут не только изменить движок или скорость речи, но ещё выбрать другие настройки пунктуации, объёма объявлений, голоса, способы навигации и так далее.
Виды скринридеров
Операционные системы тесно связаны со скринридерами, поэтому для каждой есть свои программы чтения с экрана:
Более полный список найдёте в Википедии.
У скринридеров разная популярность среди пользователей, как у браузеров. Следить за статистикой можно через ежегодные опросы пользователей WebAIM. Это американская компания, которая занимается доступностью.
В лидеры чаще всего попадают:
Эта статистика полезна для тестирования и помогает понять, в каких скринридерах лучше тестировать в первую очередь.
Как работают
Скринридеры могут озвучить любой контент на странице. Например, текст из параграфов и заголовков, списки, альтернативные описания изображений, ссылки, переключатели и другие интерактивные элементы. Также они озвучивают роли элементов и как с ним можно взаимодействовать.
Программа не берёт контент сразу из вкладки браузера. Это происходит через посредника — Accessibility API (Accessibility Application Programming Interface). В свою очередь, браузеры передают Accessibility API данные об элементах со страницы в виде дерева доступности (acessibility tree).
Скринридеры могут взаимодействовать и с другими API, но давайте подробнее разберёмся с Accessibility API и деревом доступности.
Accessibility API
Это набор интерфейсов операционных систем, который передаёт скринридерам из браузеров информацию о пользовательских интерфейсах. Если точнее, то о структуре документа, семантике, зависимостях внутри контента и о его состояниях.
Ещё Accessibility API получает от браузеров сообщения о событиях на странице, обрабатывает их и помогает скринридерам на них реагировать. Это может быть всплытие окна с ошибкой, открытие или закрытие выпадающего списка или выбор чекбокса.
Есть несколько реализаций Accessibility API.
Браузеры умеют поддерживать сразу несколько API.
Нет прямого способа отследить количество пользователей скринридеров, т. к. браузеры не хранят информацию о взаимодействии с Accessibility API. Это не баг, а фича для конфиденциальности данных.
Дерево доступности
Это представление элементов документа в виде дерева на основе DOM (Document Object Model). Похоже на DOM-дерево, только состоит не из HTML-элементов, а из доступных объектов (accessible object).
Доступный объект включает:
Роли, имена и поведение элементов можно явно задавать и изменять с помощью ARIA-разметки (Accessible Rich Internet Applications). Это вспомогательная техника для создания более доступного контента для скринридеров. Расширяет возможности HTML с помощью специальных атрибутов и ролей.
Одно из главных правил её использования — стараться не использовать ARIA. Так что она пригодится, когда не хватает возможностей HTML. К примеру, для сложных интерактивных элементов — вкладок, выпадающих списков, модальных окон или оповещений об ошибках. В этом случает ARIA-атрибуты и JavaScript сделают поведение контрола понятным и предсказуемым.
Как взаимодействуют браузеры, скринридеры и Accessibility API
Представим, что пользователь скринридера добрался до кнопки «Отправить»:
Теперь пользователь решил нажать на кнопку, чтобы что-то отправить:
Особенности навигации по контенту
Навигация со скринридерами по страницам и экранам отличается от обычной.
Клавиатурный фокус устанавливается только на интерактивных элементах. Например, на кнопках и ссылках. Пользователи переходят от одного элемента к другому и так перемещаются по интерфейсу.
Скринридеры при навигации с клавиатуры тоже могут устанавливать фокус на интерактивных элементах и перемещаться по ним, делая при этом объявления. Но это не самый удобный способ навигации для людей, которые не видят интерфейс. Поэтому у пользователей скринридеров есть другой, более удобный вариант — навигация по неинтерактивным элементам. С помощью специальных шорткатов в разных скринридерах открываются списки элементов со страницы. Так можно перемещаться по заголовкам, параграфам, строкам, ориентирам (landmark regions) и другим элементам. Один из самых популярных способов такой навигации — заголовки.
На скриншоте в VoiceOver открыт список всех заголовков из статьи на Википедии.
Пользователи мобильных скринридеров для перемещения по странице проводят пальцем по экрану, слушают объявления и так проходят через все элементы. Для взаимодействия с элементом нужно два раза тапнуть по экрану, а для перехода от одного к другому — свайпнуть вправо или влево. В мобильных скринридерах с помощью жестов тоже можно открыть навигацию по заголовкам, строкам, словам или ссылкам.
Дополнительно скринридеры могут зачитывать всё подряд.
Из видео Молли Бёрк узнаете, как выглядит на практике навигация с помощью VoiceOver на телефоне и ноутбуке.
Тестирование
У браузеров и скринридеров разная поддержка HTML, CSS и ARIA. Из-за этого объявление контента может отличаться, а где-то попадаться специфические поведение или баги.
Возьмём для примера список со ссылками из демки и послушаем его в разных скринридерах.
Чтобы не столкнуться с неожиданной проблемой во время тестирования, можно заранее узнать о поддержке HTML и ARIA скринридерами:
Ручное тестирование находит больше проблем с доступностью для скринридеров, чем автоматические инструменты. Для него требуются определённые знания, навыки и опыт, но есть несколько основных советов:
У разных скринридеров есть свои шорткаты и жесты, о которых полезно знать при тестировании:
Не обязательно тестировать с реальными скринридерами. Это можно сделать в BrowserStack и в специальном сервисе от Assistiv Labs.
Учитывайте, что реальные пользователи используют скринридеры постоянно и выработали особенные паттерны взаимодействия с интерфейсами. К тому же, они слушают контент на очень высокой скорости. И это быстрее, чем двойная скорость на YouTube! Так что ручное тестирование поможет обнаружить основные проблемы, но полностью не заменит пользовательское.
Выводы
Вспомогательные технологии важны для многих людей, а для кого-то это единственный способ взаимодействовать с сайтом. Скринридер — одна из самых популярных разновидностей таких технологий.
Скринридер озвучивает контент интерфейсов и помогает пользователям проходить через него разными способами. Это могут быть интерактивные и неинтерактивные элементы.
Озвучивать контент скринридерам помогают Accessibility API и браузеры, которые создают дерево доступности. Часть элементов попадает в дерево вместе со встроенными ролями, доступными именами, дополнительным описанием и способами взаимодействия с ними.
У разработчиков уже есть несколько клёвых инструментов, чтобы сделать доступный интерфейс для скринридеров. Это HTML, CSS, иногда ARIA и JavaScript.
Не всегда получается сразу написать хороший интерфейс. Здесь на помощь приходит тестирование, особенно ручное.
Больше узнать о скринридерах помогут эти ссылки:
На практике
Татьяна Фокина
🛠 Сделать сайт базово доступным для скринридеров лучше всего с помощью семантической вёрстки. Для этого не нужно делать отдельную версию для пользователей со слепотой и слабовидящих или использовать оверлей. Это дешевле, лучше для пользователей и безопаснее с точки зрения соблюдения законов о доступности. Например, так не будут нарушены Раздел 508 американского закона о реабилитации 1973 года или Европейский стандарт EN 301 549.
А вот свойство order влияет только на визуальное отображение элементов и не изменяет порядок табуляции и объявления элементов.
🛠 Чтобы таблица была доступна для скринридеров, не забывайте использовать тег
Приём полезен, когда таких буллитов много и их названия плохо подходят к тексту. Довольно утомительно слушать через каждые пару секунд «Голова единорога». При этом эмодзи остаются видны остальным пользователям.
, если его нет в макете, или добавлять для кнопок и ссылок с иконками или картинками тексты.
Добавим скрытый текст «Закрыть» для кнопки с SVG-иконкой.
990x.top
Простой компьютерный блог для души)
ABBYY Screenshot Reader — что это за программа и нужна ли она? (ScreenshotReader.exe)
Приветствую всех! В этот раз мы попытаемся узнать что за программа ABBYY Screenshot Reader. Постараюсь узнать максимум полезной информации. В результате вы сможете понять — нужна ли она на ПК, либо ее можно удалить. Напишу все простыми словами, чтобы было понятно каждому!
ABBYY Screenshot Reader — что это такое? (ScreenshotReader.exe)
Программа для создания скриншотов любой части экрана, отдельной программы либо вручную выделенной области. Также присутствует функция распознавания текста с созданного скриншота.
Важно! По поводу распознавания текста. Скорее всего принцип работы такой: вы делаете скриншот области экрана с текстом, после чего прога может понять что за текст и записать в файл или скопировать его например в буфер. Но есть другая версия, что все работает немного иначе: вы выделяете область экрана с текстом, и уже после этого прога считывает текст. То есть без создания скриншота.
Что такое скриншот? Это в прямом смысле почти как снимок — как будто сфоткать экран. Только прога может сфоткать весь экран, окно отдельного приложения, указанную область на экране. И потом результат можно сохранить в файл, то есть в виде обычной картинки.
Таких программ много, например Скриншотер от Маил Ру, Joxi, Lightshot.. все они хороши по своему. Лично мне, как бы не было странно — нравится Скриншотер от Маил ру.
Но у ABBYY Screenshot Reader есть мощная фишка, именно мощная — она умеет распознавать текст, и потом этот текст может сохранить в редактируемый формат. Например когда текст скопировать нельзя — это мега удобно, например при просмотре PDF-файлов, картинок.
Однако и есть маленький минус — как для подобных программ, размер у ABBYY Screenshot Reader не такой уж и маленький — почти 250 мегов. Кроме этого оказывается программа платная, но имеет пробный период в 15 дней. А вот аналоги — большинство бесплатные и весят намного меньше, вот такие дела. Но текст конечно распознавать не умеют.
Устанавливается прога в эту папку:
C:\Program Files (x86)\ABBYY Screenshot Reader 11\
И для установки нужно примерно 500 мб, что опять мягко говоря многовато для просто создания скриншотов. Но думаю это плата за то, что умеет распознавать текст.
У программы есть своя иконка в трее, по которой если правой кнопкой нажать, то будет такое меню:
Можно сразу открыть прогу либо навести мышку на меню Настройки, в котором находятся такие функции: поверх других окон, запускать при загрузке системы, включить звуки, загружать подсказки с сервера ABBYY (этот пункт почему-то неактивен).
Кстати программа работает под процессом ScreenshotReader.exe.
Но самое интересное даже не это. Если запустить ярлык с рабочего стола, то мы увидим маленькое окошко, при помощи которого можно понять функционал программы. Итак, вот варианты создания скриншота:
Меню Язык — я так понимаю связано с распознаванием текста, то есть выбираем язык текста, который предстоит распознать:
Меню Передать — куда передать после создания картинку и текст:
Должен сказать, что функции впечатляют. Конечно это круче чем просто скриншотер.
Но к сожалению дальше — минус, нужна регистрация и не простая, а немного сложная. В общем если нажать на эту кнопку, то есть чтобы сделать скриншот:
То появляется такое окно:
И даже если выбрать первый вариант, то есть самый быстрый, то потом нужно заполнить вот столько данных:
Вывод один — если вам важно распознавание текста, тогда стоит регистрироваться, настраивать, потому что оно того стоит. Если вам нужна просто утилита, которая создает скриншоты — то этой программой думаю не стоит пользоваться. Она платная, прилично весит, компьютер не думаю что грузит, но не ускоряет точно.
ABBYY Screenshot Reader — плюсы и минусы
Итак, какие я могу выделить плюсы:
И какие минусы вижу:
Возможно есть еще плюсы или минусы, может что-то не учел.
Так что мое мнение — скорее всего прога ABBYY Screenshot Reader хорошая, но платная. И скорее всего будет реально очень полезна тем, кому реально нужно распознавать текст. Потому что во всех остальных случаях я думаю логичнее пользоваться бесплатными аналогами.
ABBYY Screenshot Reader — как удалить программу?
Штатное удаление (деинсталляция):
Также можете удалить при помощи специальных удаляторов — Revo Uninstaller или Uninstall Tool. Первый немного лучше, второй более проще и чуть быстрее работает. Рекомендую первый. Удалятор не только удалит программу, но и удалит следы/остатки в реестре и среди файлов.
Заключение
Надеюсь информация пригодилась. Удачи и добра!