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

⭐
Интернет по своей природе — это место, куда могут зайти люди из всех слоев общества. Физические барьеры, с которыми сталкиваются люди с ограниченными возможностями, уменьшаются в Интернете. К сожалению, многие люди сталкиваются с новым барьером в Интернете: контент, не предназначенный для доступности.
Как веб-дизайнер или разработчик, вы можете решить эти проблемы, увеличив свою аудиторию и даже улучшив позиции в поиске. Часто эти проблемы имеют простое решение и мало влияют на ваш дизайн — если вы готовы проявить творческий подход.
Ваш набор инструментов веб-дизайнера
Неограниченное количество загрузок: более 500 000 веб-шаблонов, наборов иконок, тем и элементов дизайна
Начинается с всего $16,50/месяц!
Как создать доступный веб-сайт
Рекомендации по доступности обширны, но вот несколько ключевых предложений. По какой-то причине может оказаться невозможным включить все рекомендации в дизайн вашего сайта, и это нормально.
Цель состоит не в том, чтобы нарушить основную функциональность или дизайн вашего веб-сайта, а в том, чтобы избежать ненужного исключения. Включите столько оптимизаций, сколько это целесообразно для сайта, который вы разрабатываете.
Оптимизировать для людей с нарушениями зрения
Ваша самая большая задача, безусловно, заключается в улучшении визуального дизайна. Наличие сайта с недружественными цветами или контрастом может привести к путанице или головной боли у людей с ограниченными возможностями.
- Используйте высокую контрастность; текст должен быть темным или достаточно светлым, чтобы его можно было легко прочитать. Светло-серый текст на белом может быть модным, но он почти невидим для людей с плохим зрением.
- Рассмотрите возможность включения режима большого текста или меню, в котором можно изменить шрифт, размер и стиль.
- Избегайте мигания и моргания, повторяющихся моделей и других триггеров эпилепсии, особенно без согласия. Они не просто раздражают, но и совершенно опасны.
Удобство чтения с экрана должно быть приоритетом. Есть и другие передовые методы чтения с экрана, но вот несколько вещей, о которых следует помнить:
- Некоторые типы пользовательского интерфейса, такие как раскрывающиеся списки со скрытыми в них кнопками, несовместимы.
- Всегда используйте
lang
атрибут для указания языка. - Организуйте контент с помощью заголовков.
- Определите ориентиры ARIA для удобной навигации.
- Предоставьте невизуальные альтернативы, такие как использование изображения
alt
тег, когда это необходимо.
Не передавайте информацию только с помощью зрения, звука или цвета
Не нужно говорить, что размещение фиолетового текста на синем фоне — ужасная идея не только для дальтоников, но есть и другие проблемы, которые вы можете не осознавать.
- Всегда включайте индикатор, отличный от цвета. Человек, застрявший на форме, не оценит «минималистическую» красную подсветку вокруг окна ошибки без какой-либо другой визуальной индикации.
- Точно так же избегайте использования только звука или изображений для навигации.
- Включите аудиозаписи или подписи к видео.
- Используйте изображение
alt
тег и включать текстовые версии нетекстового контента.
Сеть сделала поворот к простоте, что отлично подходит для тех, кому требуется простой в навигации веб-сайт. Тем не менее, есть еще много распространенных ошибок, препятствующих доступности. Часто это сводится к сохранению четкого и последовательного дизайна.
- Используйте предсказуемые элементы навигации. Если у вас есть ссылки в верхней панели на одной странице и на боковой панели на другой, вы только вносите путаницу.
- Требуйте как можно меньше маневрирования, например, используя липкую панель навигации.
- Выделяйте интерактивные элементы.
- Пометьте и определите цели кликов (блоки, ссылки, формы). Не делайте их маленькими и трудно нажимаемыми.
- Навигация по вашему сайту должна осуществляться только с помощью клавиатуры. Никогда не отключайте индикаторы фокусировки без альтернативы.
- Пишите четким, понятным текстом или предоставьте более простую версию.
- Предложите режим макета, который удаляет лишний CSS.
- Имейте полезные сообщения об ошибках, которые объясняют, что пошло не так и как это исправить.
- Создайте адаптивный сайт или создайте мобильную версию.
Делаем Интернет доступным
Это всего лишь несколько советов о том, как сделать ваш сайт удобным для всех. Если возможно, попросите людей с ограниченными возможностями протестировать ваш сайт или используйте инструмент для имитации дальтонизма, программы чтения с экрана и т. д.
Поскольку 15% людей в мире имеют какую-либо инвалидность, пришло время создать сеть, которая удовлетворит все потребности. И, в конце концов, если многие веб-сайты примут эти стандарты, мы вместе создадим лучший и более инклюзивный Интернет.
Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.
Source: 1stwebdisigner
Заключение
Вы ознакомились с статьей — Обеспечение доступности для вашего процесса веб-дизайна
Пожалуйста оцените статью, и напишите комментарий.