Для многих из нас Интернет стал вездесущим аспектом повседневной жизни, однако многие люди не понимают, что не у всех есть одинаковый опыт использования этого ресурса.
Далеко не все сайты соответствуют стандартам доступности. ImpactPlus собрал советы по тому, как сделать сайт более инклюзивным — рассказываю главное:
- Убедитесь, что вы структурируете контент таким образом, чтобы пользователям с нарушениями зрения, языка и когнитивных функций было легко его воспринимать. Разбивайте более длинные блоки контента на более мелкие разделы с заголовками и подзаголовками. Убедитесь, что существует достаточный контраст между контентом и фоном. Постарайтесь, чтобы максимальная ширина текста составляла около 80 символов в строке. Избегайте выравнивания текста по ширине.
- Добавьте поддержку навигации с помощью клавиатуры. Для людей с ограниченными возможностями или слабовидящих клавиатура может быть основным средством навигации по сайту.
- Добавляйте альтернативный текст к изображениям. Программы чтения с экрана зависят от правильных HTML-тегов, помогающих пользователям с нарушениями зрения ориентироваться на сайте. Аналогичным образом, программы чтения с экрана также полагаются на альтернативный текст, чтобы правильно описать этим пользователям изображения на сайте.
- Избегайте создания изображений, содержащих текст. Программы чтения с экрана не могут точно прочитать текст, вложенный в изображение. Изображения также имеют тенденцию изменять размер в зависимости от того, открывает ли пользователь сайт с десктопа или с телефона.
- Убедитесь, что люди понимают, что они должны делать и писать в форме для ввода любых данных. Можно добавить небольшой вспомогательный текст или подсказки над полем формы.
- Пишите ясно, лаконично и избегайте ненужного жаргона, чтобы контент был понятен для более широкой аудитории. Если вам действительно нужно использовать аббревиатуру, жаргон или технический термин, попробуйте предоставить пользователям глоссарий или пояснения. Используйте списки, где это возможно.
- Проверьте цветовую гамму. Для 285 миллионов людей, живущих с нарушениями зрения, текст, который недостаточно контрастен по сравнению с фоном, может быть кошмаром для чтения.
Идеальное соотношение контрастности между текстом и его фоном должно быть не менее 4,5:1. Для текста с полужирным шрифтом не менее 18 или 14 пикселей, минимальное соотношение контрастности снижается до 3:1. Проверить совместимость фона и текста можно с помощью Webaim.
- Не полагайтесь на цвет для отображения важной информации. Вы никогда не должны использовать цвет в качестве единственной визуальной подсказки. Например, в диаграммах или при отображении людям любого другого типа данных используйте дополнительные элементы, такие как метки или описания.
- Избегайте мигающих анимаций на пользовательском интерфейсе. Она может вызвать припадки у людей с эпилепсией. Вот почему важно следить за тем, чтобы сайты следовали так называемому «Правилу трех вспышек», которое гласит, что любая анимация или содержимое, которое мигает более трех раз в секунду, небезопасно.
И еще три важных момента:
Обновляйте фотографии и видео на вашем сайте, учитывая все категории населения. Речь идет о представителях разных полов, рас, возрастов и включение в стратегию людей с ограниченными возможностями;
Включайте отзывы, тематические исследования и обзоры, чтобы показать, что вы работаете с широкой аудиторией;
Предлагайте контент или поддержку на других языках.
Мария Снегова, Дежурный СММщик
