Как сделать сайт доступным: рассказывает незрячий программист из Гомеля

 О проблемах незрячих и слабовидящих Александр Северин знает не понаслышке. Сам он программист, работает руководителем компьютерного кружка для инвалидов по зрению. Александр учит незрячих использовать технологии без зрительного контроля, пишет ampby.org.

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

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

Для людей с особыми потребностями разработаны программы доступа — скринридеры, воспроизводящие голосом все, что зрячий видел бы на экране. Кроме синтезатора речи, есть так называемые Брайлевские дисплеи. Такой монитор преобразует все происходящее на экране шрифтом Брайля.

Структура превыше всего 

1. Все картинки перевести в текст 
   Очень важны текстовые версии нетекстового контента. То есть, если фотография подписана «Графика», то много информации из этой фото незрячий не получит. Для того, чтобы сделать фото доступным для пользователя с особыми потребностями, впишите адекватное описание того, что изображено, в теге «alt». Также стоит описывать логотип на сайте
2. Предупреждайте о содержании видео и аудио 
    Если на странице встроен плейер, подписи к ролику не должны ограничиваться фразой «play» на кнопке. Обязательно вставляйте описание ролика — прежде чем запускать, человек должен знать, что он запускает.
3. Избавьтесь от лишних звуков 
   Очень часто при загрузке сайта включаются различные звуки. Зачастую даже зрячему тяжело понять, что нажать, чтобы избавиться от мелодии. Для незрячего это вообще непосильная задача. Если музыка категорически важна, ограничьтесь 3-5 секундами.
4. Контрастность на максимум 
   Для слабовидящих очень важно, чтобы фон и основной текст были достаточно контрастны. Желательно, чтобы коэффициент контрастности составлял 3,5-4. Многие слабовидящие переводят все сайты в режим контрастного отображения (черно-белый). Проверьте, как выглядит сайт в этом режиме.
5. Буквы — больше 
   Для слабовидящих необходимо предусмотреть возможность увеличить шрифт — минимум в два раза. Отлично, если такие кнопки есть прямо на сайте.
6. Скажи выравниванию – «нет!» 
   Текст на доступном сайте не нужно выравнивать по ширине. В таком виде его намного сложнее прочесть. Кстати, горизонтальные колесики прокрутки тоже крайне нежелательны.
7. Не изобретайте своих «горячих» клавиш 
   Многие сайты придумывают собственные горячие клавиши, состоящие из нажатия одной кнопки. Например, G – переход на другое письмо в почте. Однако, разработчики не учитывают, что скринридеры, которые начитывают незрячим содержимое экрана, тоже имеют свои горячие кнопки. Уж если хотите вставить такую фишку — пользуйтесь сочетанием Shift+Alt+Буква.
8. Не добавляйте капчу 
   Есть мнение, что капчу изобрели не для того, чтобы оградить сайты от ботов, а для того, чтобы оградить их от незрячих. Им справиться с капчами практически невозможно (хотя существуют специальные плагины для распознавания, они не всегда срабатывают). 
   
9. Сделайте всё предсказуемым
   Информация не должна быть запутанной: юзеру должно быть понятно, куда ведет та или иная ссылка, что откроется при нажатии.