Лучшие практики создания полностью доступного веб-сайта

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

Недавний отчет Всемирной организации здравоохранения (ВОЗ) об инвалидности показывает, что примерно 15% людей имеют ту или иную форму инвалидности. С нынешним стареющим поколением и быстрым распространением хронических заболеваний (включая аутоиммунные расстройства) необходимость устранения барьеров в Интернете больше не является неизбежной.

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

Почему доступность становится все более важной

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

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

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

Определение веб-доступности

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

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

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

Применение веб-доступности

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

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

- Используйте большую интерактивную область для сенсорного управления

Избегайте использования маленьких кликабельных мишеней, поскольку было доказано, что это создает проблемы для людей с ограниченными моторными движениями, людей с проблемами зрения и даже людей с большими пальцами. Вместо этого используйте большие целевые объекты и включите текст с изменяемым размером, который не сломает ваш сайт. Рекомендуется использовать размер 40x40 pt. интерактивная область для сенсорного управления.

- Приоритет четкости текста

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

- Не полагайтесь исключительно на цвет

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

- Описательный текст ссылки

Помогите пользователям отличить одну ссылку от другой, описав все ссылки в тексте. Это облегчает ясность и удобство использования, особенно для тех, кто использует вспомогательные устройства. Кроме того, подчеркивайте все кликабельные ссылки и избегайте сокращения ссылок.

- Заказ содержимого в формате HTML для программ чтения с экрана

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

- Поддержка навигации с клавиатуры

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

- Не забывайте следовать контрольному списку доступности

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

Руководство по доступности и Заявление о доступности

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

Тестирование юзабилити и доступности

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

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

Последние мысли

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