Обеспечение доступности для вашего процесса веб-дизайна

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

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

Как создать доступный веб-сайт

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

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

Оптимизировать для людей с нарушениями зрения

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

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

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

• Некоторые типы пользовательского интерфейса, такие как раскрывающиеся списки со скрытыми в них кнопками, несовместимы.
• Всегда используйте lang атрибут для указания языка.
• Организуйте контент с помощью заголовков.
• Определите ориентиры ARIA для удобной навигации.
• Предоставьте невизуальные альтернативы, такие как использование изображения alt тег, когда это необходимо.

Не передавайте информацию только с помощью зрения, звука или цвета

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

• Всегда включайте индикатор, отличный от цвета. Человек, застрявший на форме, не оценит «минималистическую» красную подсветку вокруг окна ошибки без какой-либо другой визуальной индикации.
• Точно так же избегайте использования только звука или изображений для навигации.
• Включите аудиозаписи или подписи к видео.
• Используйте изображение alt тег и включать текстовые версии нетекстового контента.

Сделайте ваш сайт удобным для навигации и понимания

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

• Используйте предсказуемые элементы навигации. Если у вас есть ссылки в верхней панели на одной странице и на боковой панели на другой, вы только вносите путаницу.
• Требуйте как можно меньше маневрирования, например, используя липкую панель навигации.
• Выделяйте интерактивные элементы.
• Пометьте и определите цели кликов (блоки, ссылки, формы). Не делайте их маленькими и трудно нажимаемыми.
• Навигация по вашему сайту должна осуществляться только с помощью клавиатуры. Никогда не отключайте индикаторы фокусировки без альтернативы.
• Пишите четким, понятным текстом или предоставьте более простую версию.
• Предложите режим макета, который удаляет лишний CSS.
• Имейте полезные сообщения об ошибках, которые объясняют, что пошло не так и как это исправить.
• Создайте адаптивный сайт или создайте мобильную версию.

Делаем Интернет доступным

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

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