Сделать свой сайт доступным для людей с ограниченными возможностями имеет смысл для любого бизнеса. С помощью наших советов оптимизируйте свой веб-сайт для пользователей с ослабленным зрением.
Обеспечение доступности и удобства на вашем сайте - правильное решение сегодня.
Зачем это нужно?
Потому что, примерно 25% взрослых живут с ограниченными возможностями.
Однако на многих веб-сайтах по-прежнему отсутствуют специальные возможности.
Это означает, что миллионы пользователей изо всех сил пытаются использовать Интернет.
Что такое веб-доступность?
Согласно Консорциуму World Wide Web (W3C), доступность Интернета - это проектирование и разработка веб-сайтов, инструментов и технологий, которые могут использовать люди с ограниченными возможностями по всему миру.
Люди с ограниченными возможностями должны уметь воспринимать, понимать, ориентироваться, работать, взаимодействовать с Интернетом и вносить в него свой вклад.
Доступность в Интернете распространяется на все виды инвалидности, влияющие на доступ к сети, в том числе:
• Слуховой
• Познавательная
• Неврологический
• Физический
• Речь
• Визуальный
1. Добавьте изображения с замещающим текстом
Картинка может стоить тысячи слов, но визуальные элементы, такие как изображения, являются препятствием для доступа слепых и слабовидящих пользователей.
Им часто приходится полагаться на вспомогательные технологии, такие как устройства чтения с экрана и обновляемые устройства чтения шрифтов Брайля.
Программы чтения текста с экрана - это программы, которые читают текст на экране с помощью синтезатора или дисплея Брайля.
Однако ни одна из этих технологий не может читать изображения или текст в изображениях.
Вам нужно добавить замещающий текст, чтобы описать ваши изображения пользователям с ограниченными возможностями.
Обязательно описывайте изображение как можно точнее.
Вы можете использовать атрибут alt для кратких описаний и «Longdesc Tag» для длинных описаний.
2. Разрешить пользователям увеличивать размер шрифта
Люди со слабым зрением часто не могут читать мелкий текст.
Таким образом, они должны использовать определенные настройки шрифта при просмотре вашего сайта.
Предлагая альтернативную таблицу стилей с возможностью увеличения размера шрифта, не нарушая макета страницы, это должно упростить чтение вашего контента.
Кроме того, убедитесь, что ваши кнопки СТА имеют больший размер шрифта.
Также сделайте эти кнопки видимыми для людей с ослабленным зрением.
3. Помните о контрастной чувствительности
Помимо размера текста, нужно подумать о цвете и контрасте.
Люди с нарушениями зрения, такими как пигментный ретинит, глаукома, диабетическая ретинопатия и катаракта, имеют низкую цветовую контрастную чувствительность.
При разработке веб-страниц убедитесь, что между передним планом и фоном имеется высокий контраст, например желтые буквы на черном фоне.
Избегайте использования тонких шрифтов.
Старайтесь избегать использования каких-либо функций JavaScript или CSS, которые не позволят пользователям с ослабленным зрением увеличить контраст.
Как и размер текста, цветовой контраст также имеет решающее значение для CTA.
Хотя черный текст на белом фоне имеет самую высокую читаемость, вы также можете использовать комбинацию черного текста на желтом фоне и желтого текста на синем фоне.
Не используйте такие комбинаций, как зеленый текст на красном фоне и наоборот, поскольку их трудно читать.
Полный текст статьи читайте здесь
С уважением,
Владимир Д.