Оригинал доступен по ссылке webaim.org/intro

Введение

Большинство из нас вряд ли могут представить себе жизнь без интернета. Кое-кто утверждает, что ни одно другое изобретение не было более революционным со времен печатного станка Гуттенберга в 1400-х годах. Мир может находиться «у вас под рукой» при помощи одного щелчка мыши — если вы можете использовать мышь… и видеть экран… и слышать звук.

Сеть предлагает небывалые возможности

Интернет — одна из лучших вещей, которые когда-либо случались с людьми с ограниченными возможностями. Вспомните существование до Интернета: как слепые могли читать печатные газеты? Они могли поехать в библиотеку за аудиокассетой или громоздкой версией Брайля или попросить кого-нибудь почитать их дома. Такое положение сделало слепых людей зависимыми от других, но это было все, что можно было сделать.

person using a screen reader with a mobile phone

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

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

person using a mouth wand to operate a computer keyboard

Глухие или слабослышащие  люди полагаются на титры и стенограммы к мультимедиа. Многие люди с когнитивными нарушениями также получают большую пользу от организации и гибкости веб-контента.

Нехватка потенциала сети

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

person watching a closed-captioned video

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

Тем не менее, как только мы распознаем преграды, мы можем начать их устранять.

Люди с ограниченными возможностями в сети

Каждый четвертый взрослый человек в Соединенных Штатах имеет инвалидность. Хотя не все виды инвалидности влияют на пользование Интернетом, коммерческим организациям было бы неразумно намеренно исключать 25, 15 или даже пять процентов своих потенциальных клиентов. В сфере образования и государственного управления во многих случаях это является незаконной дискриминацией.

Категории инвалидности

Зрительная

Слепота, слабое зрение, дальтонизм

Слуховая

Глухота и слабый слух

Нарушения опорно-двигательного аппарата

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

Когнитивная

Проблемы с обучением, отвлекаемость, неспособность запомнить или сосредоточиться на большом количестве информации

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

Реализация веб-доступности

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

Обязательства и ответственность

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

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

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

Обучение и техническая поддержка

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

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

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

Законы и стандарты

Если вы проживаете в Соединенных Штатах, то применимые в данном случае законы включают Закон о правах американцев с инвалидностью (ADA) и Закон о реабилитации инвалидов 1973 года (разделы 504 и 508). Множество международных законов также имеют отношение к проблеме доступности.

Рекомендации по доступности веб-контента (WCAG) предоставляют международный набор рекомендаций. Они разработаны Всемирным веб-консорциумом (W3C), который представляет собой руководящий орган сети. Данные рекомендации — это основа большинства законов о доступности веб-сайтов в мире, и в их основе находятся четыре принципа:

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

Работоспособность: у пользователей имеется возможность взаимодействовать со всеми элементами управления, а также с интерактивными элементами, используя мышь, клавиатуру или вспомогательное устройство.

Понятность: контент понятен и сокращает возможность путаницы и двусмысленности.

Надежность: доступ к контенту есть у широкого спектра технологий (как старые, так и новые пользовательские программные агенты и вспомогательные технологии).

Первые буквы этих четырех принципов — ВРПН: это поможет вам их запомнить.

Принципы доступного дизайна

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

Предоставьте эквивалентный альтернативный текст

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

Создать логическую структуру документа

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

Сделать заголовки для таблиц данных

Таблицы данных нуждаются в ячейках заголовков строк и столбцов (<th scope=»row»> и <th scope=»col»>)для того, чтобы программно связать их с соответствующими ячейками данных (<td>), что упрощает перемещение и понимание таблицы для тех, кто использует программы чтения с экрана.

Убедитесь, что пользователи могут заполнить и отправить все формы

Каждый элемент формы (текстовое поле, окошки, выпадающий список и т. д.) требует программной привязки к ярлыку. У пользователей должна быть возможность указывать форму и ликвидировать ошибки.

Напишите ссылки, которые имеют смысл вне контекста

Каждая ссылка сама по себе должна иметь смысл при прочтении. Те, кто использует программы чтения с экрана могут выбрать чтение ссылок только на веб-странице. Следует избегать некоторых фраз, таких как «нажмите здесь» и «больше».

Титры и/или предоставление стенограммы для медиа

Видео и аудио в прямом эфире должны сопровождаться титрами и стенограммой. Для архивных аудио будет достаточно стенограммы.

Обеспечьте доступность PDF, Word, PowerPoint и прочего контента, который не в HTML формате.

Документы PDF и прочий контент, не относящийся к HTML, должны быть как можно более доступными. Если вы не можете сделать их доступным, рассмотрите возможность использования HTML или, по крайней мере, предоставьте доступную альтернативу. Документы PDF также должны включать ряд тегов, чтобы стать более доступными. Файл PDF с тегами выглядит так же, но он почти всегда более удобен для человека, использующего программу чтения с экрана.

Разрешить пользователям пропускать повторяющиеся элементы на странице

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

Не полагайтесь исключительно на цвет для передачи смысла

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

Убедитесь, что содержание написано ясно и легко читается

Пишите понятно, используйте понятные шрифты, логически используйте заголовки и списки.

Сделайте доступным JavaScript

Убедитесь, что обработчики событий JavaScript не зависят от устройства (например, в том, что для них не требуется использования мыши).

Дизайн согласно стандартам

Действительный HTML и CSS способствуют доступности, делая код более гибким и надежным.

Это всего лишь введение. Чтобы узнать больше, изучите наши статьи и ресурсы.

Вывод

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