Гугл не раз заявлял, что сайты нужно создавать для людей, а не для получения выгоды. Почему бы не пойти еще дальше и сделать сайт, которым смогут пользоваться даже слепые? В США например, приблизительно 20 процентов населения имеют те или иные проблемы со здоровьем, 10 процентов из них — достаточно тяжелые. Это означает, что в 3 из 10 семей есть люди с ограниченными возможностями.

Вы можете задать вопрос: зачем тратить время, оптимизируя сайт для слепых?

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

Люди, с нарушениями зрения, тоже зарабатывают и тратят деньги, дайте им возможность использовать для этого ваш сайт! Согласно одному из исследование, суммарное состояние людей с ограниченными возможностями составляет $ 175 000 000 000. Учитывая стремительное старение населения, таких людей будет становиться все больше.

С июня 2001 года все американские государственные сайты должны быть доступны для людей с ограниченными возможностями. На частные сайты эти требования не распространяются, но желательно чтобы они соответствовали стандартам Web Accessibility Initiative (WAI). Просто удивительно, что люди с нарушениями зрения используют интернет, принимая во внимание мизерное количество сайтов, созданных специально для них.

Как можно сделать свой сайт полезным для слепых?

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

Обычно, люди с нарушением зрения используют специальные программы, озвучивающие содержимое экрана. Job Access With Speech (JAWS) — одна из самых распространенных. Чтение происходит путём предоставления пользователю информации, отображаемой на экране, через озвучивание текста на экране и с помощью шрифта Брайля, позволяющего без ограничений пользоваться клавиатурой (большинство слабовидящих не используют мышь). Она совместима с операционными системами Windows и многими программами, такими как Microsoft Office, Firefox и Adobe Acrobat. Второй по популярности программой является Window-Eyes.

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



Компьютерная программа их может интерпретировать следующим образом: Декоративный маркер. Дом. Декоративный маркер. Вопросы. Декоративный маркер. Свяжитесь с нами.
Для элементов, которые могут помешать слабовидящим понять текст используете пустой alt-текст. Программа его просто пропустит. Тоже самое относится и к картинкам, рядом со ссылками. Например, изображение конверта рядом с адресом электронной почты поможет зрячему быстрее сориентироваться, но абсолютно бесполезно для слепого.

Все важное вверху.

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

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

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

При создании формы, важно не забывать про tabindex атрибут. Незрячие обычно используют для навигации клавиатуру, а этот атрибут как раз определяет последовательность перехода между ссылками при нажатии на кнопку Tab. У атрибута tabindex должно быть численное значение. Клавиша Tab будет проходить по элементам от меньшего к большему значению атрибута. Если tabindex='0', то этот элемент будет последнем в списке. При значении -1, элемент не доступен для табуляции.

Ограничьте число ссылок на странице.

Это должно быть в числе первоочередных задач, даже если ваш сайт рассчитан на обычных людей. Дело в том, что когда пользователь открывает страницу с помощью JAWS, первое что он слышит, это количество ссылок на странице. Только представьте его огорчение, если их окажется больше 100! Любой человек предпочтет поискать в другом месте, чем просматривать все 100 ссылок. Есть еще одна причина для ограничения числа ссылок на странице. Чем больше у вас ссылок, тем меньший ссылочный вес они передают на на внутренние страницы вашего сайта.

Анкорный текст и заголовки.

Уделите им особое внимание при разработке сайта. Для ускорения навигации по сайту, слабовидящие люди могут включить опцию прослушивания ссылок. И если они услышат «Нажмите здесь» или «Подробнее», то никакой пользы от этого не будет. Им придется выйти из этого режима и прослушать весь текст. Предпочтительнее: «Больше информации о продукте Х».

Аналогично, они могут выбрать опцию прослушивая заголовков. Использование тегов H2 делает этот процесс намного удобнее.

Кейворды.

Наличие ключевых слов на странице важно не только для Гугла. Программное обеспечение имеет функцию поиска по ключевым словам. Примечание: тесты на картинках при этом не принимаются во внимание. Поиск идет только по тексту.



Поисковик не смог бы найти ключевые слова на этой картинке.

Отдельная версия сайта не обязательна.

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

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

Программы компании Adobe как правило, совместимы с программами для чтения с экранов. Если вы используете Flash, зайдите на их сайт, где можно найти информацию о последних версиях и их совместимостях.

Заключение.

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

Оригинал статьи на английском языке: http://www.searchenginejournal.com/designi...he-blind/66457/