В Российской Федерации проживает около 275 тысяч слепых и слабовидящих людей, 22% — молодежь, часть из них также являются пользователями Интернета, как и мы.
В этой статье я поделюсь с вами инструментами и необычным опытом, который можно получить при создании онлайн-кинотеатра для слабовидящих людей.
(пример адаптированной темы на GitHub по ссылке с картинки)
Что такое WCAG 2.0?
Это стандарт доступности веб-сайта для людей с ограниченными возможностями.Описаны правильные подходы к проектированию интерфейсов и дизайну сайтов.
Прочтите о стандарте: здесь Английский , и здесь Русский .
Почему это вообще необходимо?
Слабовидящие люди пользуются Интернетом с помощью специального программного обеспечения, которое эффективно работает только на специально адаптированных сайтах.
Где будут фильмы? Что такое аудиокомментарий?
Аудиокомментарий в кино — это дополнительная звуковая дорожка, содержащая закадровое описание видеоряда.Аудиокомментарии составляются по определенным правилам и озвучиваются профессиональным диктором в паузах между диалогами.
Фильмы будут показывать только слабовидящим людям из соответствующих организаций (но это все реально работает).
Инструменты тестирования
Читатели Такие пользователи слышат ваш сайт с помощью NVDA и JAWS, если используют Win или используют встроенную Voiceover в Mac OS X (она включена в операционную систему и довольно удобна).Описание VoiceOver Здесь , вы можете прочитать о JAWS здесь , и здесь здесь вы можете узнать больше о NVDA. Третий продукт — это проект с открытым исходным кодом, и вы можете помогите улучшить его .
Шашки Шашки легко загуглить по запросу «wcag 2.0 checker» (их достаточно), вот этот мне понравился этот .
Кроме того, существует еще и специальный панель инструментов для FireFox .
Очень удобно, если у вас есть под рукой подходящий «тестер», а если нет, то можно воспользоваться готовыми шашками или включить программу-ридер и попробовать пользоваться своим сайтом с закрытыми глазами.
Впечатления и подводные камни
1. «Обычный веб-сайт» в программе чтения с экрана звучит как беспорядок; использовать стандартную клавиатурную навигацию невозможно, поскольку состояния не видны, поэтому быстро заблудишься.Однако на сайтах даже с минимальной адаптацией можно понять, что где и даже что-то прочитать.
2. Сами программы чтения с экрана еще недостаточно совершенны и непонятно, глючит ли программа или есть проблема на сайте.
3. Тексты читать интересно — длинные и скучные можно пропустить.
Если текст правильно размечен подзаголовками, прокрутка ориентируется по ним и можно уловить общий смысл.
Если нет, то читатели подбирают отдельные слова и получается компот. 4. Адаптивные сайты интересно ведут себя в масштабе и с «пропорциональной типографикой» — если увеличить размер, то получится вот этот гигантский мобильный макет, но пропорции между элементами сохраняются и все равно все понятно.
5. В зависимости от браузера программы чтения с экрана читают по-разному — и в целом они совершенно разные.
6. Отсутствуют многие устойчивые условности, привычные зрячим людям: например, не существует шапки сайта и «первого экрана», есть только «информация вверху страницы», которая повторяется каждый раз, если разработчики предусмотрели не вставлена ссылка «пропустить».
7. Проблема со ссылками в «новом окне»: человек скорее всего теряется и не понимает, что произошло, и не может вернуться назад, потому что не работает привычная кнопка назад. 8. Страница 404: человек в принципе понимает, что что-то не так, но сложно понять, что именно.
Первая идея – самая распространенная ошибка.
Если сеть часто ломается, то человек думает, что сломался Интернет. Если какая-то программа глючит или зависает, он думает, что она зависла и т. д. Иногда разработчики ставят на 404 какие-то «новости» или еще что-то — и это еще больше запутывает. 8. Всплывающие окна: например галерея типа лэйбокса вроде бы доступна, потому что фокус на миниатюре и дальше все управляется с клавиатуры, а вот для скринридера особых подсказок нет и непонятно что что с этим делать.
9. «Разделы в разработке»: человеку очень сложно разобраться, что это такое.
Он не понимает, что «там просто ничего нет» и думает, что «оно есть», но ему это почему-то не показывается или с НИМ что-то пошло не так.
10. Есть интересные баги: например в ФФ игрок представляет собой ловушку - попадаешь в нее, но не можешь вернуться с клавиатуры, поэтому бродишь по кругу по всем ее кнопкам, пока не наведешь мышкой где-нибудь (плеер YouTube, любой плеер в iframe).
Убежать невозможно - на багзилле есть целая ветка по этому поводу.
11. Самый распространенный браузер для таких людей - IE и Miracle If 9. Это сложное социальное явление - существует социальная программа РФ, согласно которой инвалидам по зрению бесплатно раздаются специально оборудованные компьютеры (ужасное старье) , они берут «как есть» и используют «как есть».
Только более-менее молодые люди думают о том, чтобы что-то туда поставить.
Даже если у них есть Chrome, они им почти не пользуются, потому что IE удобнее.
привык и знаю, как называются меню, где они находятся, и они никогда не меняются (особенно сейчас).
Все новые замечательные функции лежат в одном и том же месте, потому что не поймешь, где что находится и вообще все по-другому 12. В плане программного обеспечения у нас совершенно другие приоритеты: нам нравится новое – более удобное, классное, красивое, а у них наоборот - лучше оставить все как было, а то заблудитесь и ничего не поймете и будете раз 10 слушать скринридер, пока будете заезжать.
13. Иногда у них есть программы для удаленного управления компьютером - и когда дела совсем плохи - удаленный собеседник может подключиться и направить мышку куда надо (доверенному человеку или друзьям).
14. О социальных сетях: ВКонтакте довольно сложно, но пользоваться можно, а вот на ФБ практически невозможно - там много всплывающих окон и вещей, где нужно ориентироваться по изображению.
Кстати, у Яндекса (по слухам) в штате есть почти слепой человек, который помогает им адаптировать всякие вещи.
15. Если сайт понятен программе чтения с экрана, он должен быть в два раза понятнее остальным.
Программу чтения с экрана — это классная вещь для тестирования: если в программе чтения с экрана что-то «странно», то в большинстве случаев это ошибка.
И вы начинаете писать тексты короче и понятнее.
16. Мир (внутри компьютера), который все время говорит с тобой: я кнопка, я ссылка, я всплывающее окно, да еще с ошибками и глюками.
О вещах, которые нам кажутся простыми (дело пары секунд – нашел, нажал) Это может занять несколько минут. 17. В MacOS Mavericks — программа чтения с экрана называет картинку «изображением».
Напишите альтернативный текст к картинкам!
Дополнительные ссылки на полезные ресурсы:
Размещено много информации о доступности проектов на WordPress. здесь , можно еще что-нибудь почерпнуть отсюда — здесь собрано много текстов в одном месте.P.S. Особая благодарность Фитисову Алексею Владимировичу, который выступил в роли тестировщика и очень помог своими комментариями и отзывами о работе различных программ чтения, а также Анне Ладошкиной из Оранжереи социальных технологий, выполнившей более 90% работы.
Создавайте доступные сайты! Обновлять.
В среднем, если использование WCAG заложено на уровне технического задания, то стоимость проекта увеличится не более чем на 10%.
Теги: #wcag #wcag 2.0 #wordpress #стандарты #доступность #Доступность контента #доступность навигации #спасти планету #wordpress #разработка веб-сайтов #ИТ-стандарты
-
Вирусная Стеганография
19 Oct, 24 -
Второй Замечательный Хостинг
19 Oct, 24 -
«Шаблонный Движок» Javascript
19 Oct, 24 -
Экран Заполнен? Самый Полный!
19 Oct, 24 -
Gfi Archiver: Хранилище Почты
19 Oct, 24 -
Сайт Базы Данных Пластинок Beatles
19 Oct, 24
