О чем я узнал, притворяясь слепым в течение недели.

Перевод статьи:  Things I learned by pretending to be blind for a week.
Автор:  David Ball.

Изображение.

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

Вот я и стал использовать программу чтения с экрана для того чтобы увидеть (полагаю, что здесь уместнее было бы сказать «узнать на собственном опыте») как слепые пользователи перемещаются по веб-сайтам. Прежде всего, хочется сказать, что такое понятие как accessibility (доступность сайтов) не является для меня чем-то новым. На протяжении многих лет я создавал отвечающие W3C стандартам сайты и всегда при этом старался чтобы все используемые мной изображения сопровождались тегами alt, а Flash элементы соответствующим альтернативным текстом.

Тем не менее, после того как я начал пользоваться читалкой, я узнал много нового.

1. Программы чтения считывают информацию с экрана полностью, не ограничиваясь при этом окном браузера.

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

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

2. Это сложно.

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

Дело в том, что когда вы используете программу чтения с экрана для навигации по странице, то происходит примерно следующее. Программа начинает считывать и озвучивать каждый присутствующий на странице фрагмент ее контента, прошу учесть, КАЖДЫЙ фрагмент и не прекращает это делать до тех пор, пока у вас не расплавятся мозги. При этом произносимые программой слова сливаются в единый непрерывный поток электронной речи. Если есть желание, вы можете прослушать таким образом всю страницу, но как я узнал из видео презентации представленной Робертом Вильямом, слабовидящим пользователем, на самом деле более предпочтительно было бы побороться за возможность контроля над процессом считывания информации и перемещаться к требуемым областям контента самостоятельно. При этом будьте готовы к тому, что вы будете сбиты с толку сотнями всевозможных ссылок и заголовков до того как доберетесь до основного контента страницы или же интересующей вас ссылки.

3. Используемый браузер тоже имеет значение.

Наибольшей популярностью среди слепых людей пользуются такие браузеры как IE8 (30,4%), IE9 (28,5%) и Firefox (20%). И поскольку мой любимый браузер — Chrome, именно его я использовал поначалу, но вскоре мне стало ясно, что возможности пользователя в значительной степени зависят от используемого браузера. По этой причине я остановил свой выбор на Firefox, который, как оказалось, предоставляет максимум возможностей по навигации для людей с ограниченными возможностями.

Однажды при просмотре страницы, созданной исследователем в области веб-доступности Сина Барам с целью демонстрации идеального с этой точки зрения документа, я обнаружил что Firefox автоматически добавляет landmark метки HTML5 элементам <nav>, для которых не определены соответствующие ARIA роли. Я поинтересовался у Сина, почему он не включил в состав этих элементов атрибут role="navigation", что, как я полагал, является обычной практикой, на что он ответил:

Когда в разметке применяется реальный HTML5 элемент, предназначенный для тех же целей, я делаю свой выбор в пользу использования элемента. Более предпочтительно с точки зрения семантики.

Все верно, но из всех протестированных мной браузеров лишь Firefox генерирует landmark метки. (*Поскольку полной поддержки новых HTML5 элементов в программах чтения с экрана на данный момент нет, то рекомендуется в случае их использования дублировать функционал элементов WAI-ARIA ролями.)

Вы также можете познакомиться с представленной Сина Барамом видео презентацией, на которой демонстрируется принципы доступа к Web пространству с помощью программ-читалок.

4. Прийдется научиться схватывать информацию на лету.

Однажды просматривая фильм на своей приставке Playstation-3, я подумал, что можно установив скорость воспроизведения 1.5x, просмотреть двухчасовой фильм за 1 час 30 минут, попрежнему понимая при этом все что происходит на экране. «Это позволит сэкономить 30 минут жизни» сказал я себе тогда и начал плавить свой мозг, слушая ускоренные, бурундучьи голоса актеров. Конечно же, я не смог перенести такой неестественно высокий темп и довольно быстро переключил на нормальную скорость. Но это не сравниться с той скоростью, которую устанавливает Сина Барам прослушивая информацию с помощью скринридера (это можно увидеть, просмотрев первые 40 секунд представленного выше видео).

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

5. Некоторые популярные сайты чрезвычайно сложны в использовании.

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

Я также посетил сайт Amazon.co.uk, но не смог совладать с его главной страницей, на которой размещено, вдумайтесь в это, больше тысячи ссылок! Процесс перемещения к основному полю поиска по сайту был очень нелегким (после нескольких первоначальных попыток прослушивания страницы я вообще думал, что это невозможно, лишь позднее я обнаружил, что это поле незаметно приютилось между двумя другими элементами управления). К тому же на странице совершенно отсутствовали роли ARIA landmarks. Очень жаль. Лишь после короткой беседы с моим слепым приятелем, он убедил меня в том, что значительно лучше было бы обратиться к мобильной версии сайта, которая была на много дружелюбнее в этом плане. Тем не менее, я испытал не самые приятные ощущения прежде чем узнал, что необходимо использовать мобильную версию и, вероятно, не узнал бы вообще, если бы не совет опытного пользователя.

6. Атрибуты ссылок title бесполезны.

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

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

Для полной уверенности я даже обратился к эксперту HTML стандарта Джеффри Зельдману с вопросом о том, есть ли смысл в использовании атрибута title вообще. На что он ответил: «Нет, не используйте его.».

Изображение.

7. Автофокус очень раздражает.

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

8. Соответствие W3C стандартам, это еще не все.

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

9. Простейший способ навигации – использование заголовков.

Принимая во внимание то, сколько внимания последнее время уделяется ARIA landmarks технологии, а также учитывая тот энтузиазм, с которым представлены семантические HTML5 элементы, я полагал, что вопрос быстрой и удобной навигации по сайту, включая перемещения в самые отдаленные его области уже решен. В первую очередь это касается таких элементов как <header>, <nav>, <aside> и <footer>, с помощью которых, как я полагал, можно будет очень быстро переместиться в нужную область страницы. В общем-то, можно… но только в том случае, если они присутствуют на каждом сайте. Удивляет то, что многие сайты их не используют вообще, также как и ARIA landmark роли типа role="main" для основного контента или role="navigation" для размещения ссылок главной навигации сайта.

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

Здесь размещено видео, в котором показано как один парень перемещается по странице в большей степени полагаясь на заголовки.

10. Слепые люди очень сдержаны и терпеливы.

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

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

* Примечание переводчика.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *