От автора: это пять самых раздражающих недоступных веб-элементов, с которыми я сталкиваюсь каждый день как слепой пользователь программы чтения с экрана, и способы их исправить.
Для слепых и слабовидящих людей, подобных мне, доступность — это разница между тем, чтобы мы могли использовать веб-сайт.
Как работают программы чтения с экрана
Программы чтения с экрана позволяют слепым и слабовидящим людям независимо пользоваться компьютерами, телефонами и планшетами. Большинство программ чтения с экрана используют программное обеспечение и механизм преобразования текста в речь (TTS), который преобразует текст программы чтения с экрана в речь. Программы чтения с экрана преобразуют текст, отображаемый на экране, в формат, понятный слепым пользователям.
Программы чтения с экрана зачитывают вслух все, что на экране, и позволяют пользователям перемещаться с помощью сенсорных жестов и сочетаний клавиш. Они также работают с другими устройствами вывода, такими как дисплей Брайля.
Как пользователь программы чтения с экрана, вот наиболее частые проблемы, с которыми я сталкиваюсь ежедневно.
Ссылки и кнопки без меток
Пользователи программ чтения с экрана полагаются на ссылки и кнопки, чтобы перемещаться по веб-сайту и находить нужную информацию. Если ссылки и кнопки не помечены правильно или вообще не помечены, то пользователям программ чтения с экрана будет сложно найти нужную информацию. В конечном итоге, немаркированные ссылки значительно усложняют навигацию по сайту легко, быстро и независимо.
Например, при переходе по ссылке на страницу с информацией «кликните здесь» не дает никакого представления о том, куда она ведет.
Если ссылки и кнопки обозначены правильно, программы чтения с экрана могут прочитать метку вслух. Это означает, что слепым и слабовидящим людям не нужно нажимать ссылку или кнопку, не зная, куда они их приведут.
Помимо элементов без меток, ссылки и кнопки, у которых нет четкого описания, также действительно разочаровывают. У них должно быть четкое описание того, куда они приведут при нажатии, а не «кликните здесь». Никогда не заставляйте пользователей угадывать, куда их приведет ссылка, и не заставляйте их использовать метод проб и ошибок. Это утомляет пользователя.
Нет описания изображений
Это, вероятно, самая распространенная проблема, с которой я сталкиваюсь при просмотре веб-страниц. Использование описаний изображений важно для доступности. Описания изображений также известны как альтернативный текст, который представляет собой письменное описание изображения.
Программы чтения с экрана зачитывают описания изображений вслух. Это означает, что слепые и слабовидящие люди могут легко понять содержание изображения. Если изображения не имеют замещающего текста, программы чтения с экрана просто скажут «изображение» или «графика», что не дает никакого контекста или смысла.
Изображения часто несут ценную информацию. Поэтому важно, чтобы люди с нарушением зрения также имели доступ к этой информации. Альтернативный текст должен быть четко написан и давать точное описание изображения.
Ознакомьтесь с нашими советами по написанию лучшего замещающего текста, чтобы ваши изображения были полностью доступны.
Плохое использование заголовков
Для быстрой и удобной навигации многие пользователи программ чтения с экрана используют различные элементы на странице, например, заголовки. Это отличный способ быстро и эффективно найти нужную информацию. Особенно, когда они следуют логической структуре заголовков с H1, H2 и H3, помогая расставить приоритеты для контента.
Если веб-сайты не используют заголовки, это означает, что пользователи программ чтения с экрана не могут использовать сочетания клавиш для навигации по веб-странице таким образом. В этом случае мы должны прибегать к табуляции или перемещению по длинной веб-странице, чтобы найти нужную нам информацию.
Заголовки также помогают визуально разделить веб-контент и улучшить читаемость. Другие элементы, которые пользователи программ чтения с экрана используют для навигации по веб-страницам, включают ссылки, списки или ориентиры.
Недоступные веб-формы
Большинство веб-сайтов так или иначе используют формы. Будь то помощь в поиске продукта или связь через контактную форму. Однако, если эти формы не помечены или помечены неправильно, это означает, что мы не можем их использовать.
Например, если поле поиска не помечено, это означает, что пользователи программы чтения с экрана не имеют представления о назначении этого поля. Это означает, что люди, использующие программы чтения с экрана, не могут получить доступ к тем же функциям.
Контактные формы — это эффективный способ для клиентов связаться с вашим брендом или бизнесом. И для пользователя программы чтения с экрана нет ничего более неприятного, чем неправильная маркировка этих форм.
Особенно требования к оформлению CAPTCHA. Без возможности слышать звук она недоступна. Это означает, что мы не можем заполнить форму самостоятельно. Мне часто приходится прибегать к помощи зрячего человека, но это удается не всем.
Автоматическое воспроизведение аудио и видео
Большинство людей знают, как раздражает загрузка веб-страницы шумной рекламой, которая внезапно начинает воспроизводиться. Но для пользователей программ чтения с экрана это может быть еще более тревожным. Когда видео или аудио начинают воспроизводиться автоматически, оно может заглушить голос программы чтения с экрана. Это затрудняет поиск кнопок паузы или остановки.
(И если эти кнопки не помечены, то для меня практически невозможно быстро остановить видео, что вызывает дополнительное разочарование.)
Решение? Убедитесь, что при загрузке вашего сайта нет автоматического воспроизведения видео или звука. Если вы действительно хотите использовать видео, убедитесь, что звук отключен, и пользователь может приостановить, остановить или скрыть медиаплеер.
Зрячим пользователям эти проблемы могут показаться незначительными. Но в них разница между тем, могу ли я использовать веб-сайт самостоятельно или нет. И они имеют огромное значение при правильной реализации.
Автор: Holly Tuke
Источник: https://bighack.org
Редакция: Команда webformyself.
