Веб-доступность

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

• с ограниченными возможностями/нарушениями
• с соединениями с низкой пропускной способностью
• которые используют старые технологии
• кто временно не слышит или находится в шумной обстановке
• которые являются новыми пользователями и
• у кого есть языковой барьер

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

Стандарты веб-доступности определяются Инициативой веб-доступности W3C и называются « Руководящие принципы доступности веб-контента (WCAG) ». Согласно WCAG, контент должен следовать принципу POUR.

P — Воспринимаемый: информация должна быть видимой (текстовые альтернативы, медиа-альтернативы, основанные на времени).

O — Работающий: формы интерфейса, элементы управления и навигация работоспособны («действия» должны работать)

U — понятный: пользовательский интерфейс должен быть понятным, а контент — читаемым.

R — надежный: пользователи должны иметь доступ к контенту по мере развития технологий. Весь контент должен оставаться доступным.

Итак, вы можете спросить: «С чего начать?» Правильный ответ на этот вопрос — «Дизайн». Дизайн должен отвечать потребностям всех пользователей по принципу POUR.

Есть несколько вещей, которые мы можем сделать, чтобы проверить или обеспечить нашу доступность.

1. Откройте Chrome> Дополнительные инструменты> Инструменты разработчика> Отзывчивость> Исследуйте различные размеры экрана и читаемость контента.
2. Идти кhttps://webaim.org/resources/contrastchecker/и проверьте цветовой контраст. Используйте простые цвета с хорошим контрастом. В общем случае минимальный коэффициент контрастности должен быть 4,5:1. Обязательно соблюдайте критерии [4] и [5].
3. Загрузите «инструмент оракула цвета» и посмотрите, как разные пользователи с нарушениями зрения/дальтонизма и нарушениями зрения видят ваше приложение.
4. Обязательно измените цвет ссылок при посещении или наведении курсора.
5. Проверьте типографику и читабельность вашего контента. Проверьте форму, вес, масштаб, стиль, интервалы и выравнивание содержимого.
6. Старайтесь использовать в своем приложении 1–2 шрифта. Проверятьhttps://fonts.google.com/для выбора шрифтов. Здесь у Google есть «рекомендации по сочетанию семейств шрифтов». Попробуйте использовать уже доступные шрифты, не требующие загрузки на разные устройства. Это поможет сократить время загрузки приложения.
7. Интервал имеет 4 основные категории, включая интервал между буквами, интервал после абзаца, интервал между буквами и интервал между словами. Следуйте этой документацииhttps://www.w3.org/TR/WCAG21/#text-spacingдля интервала.

Использованная литература:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced