Блог веб-дизайнера

Цифровая доступность для людей с ограниченными возможностями

Ограниченные возможности — это не только про инвалидов, но и про тех, кто в сломал руку или тащит тяжелую сумку, пытается прочитать текст на экране при ярком солнце. Это про матерей, кормящих ребенка, а свободной рукой сидящих в интернете с телефона. И даже про тех, кто сидит на работе и втихаря смотрит ленту с выключенным звуком. Какие принципы нужно соблюдать при проектировании интерфейса согласно ГОСТ Р 52872-2019:


📌При работе с текстом:

1. Текст должен быть читаемым и понятным: для основного текста использовать легко читаемые шрифты
2. Ширина строки — не более 80 символов
3. Текст не выровнен по ширине (хотя такой прием сейчас очень популярный)
4. Межстрочный отступ минимум 150% от размера шрифта
5. Отступ между абзацами минимум в 1,5 раза больше межстрочного отступа внутри абзаца
6. По возможности текст оформлять списком, а не сплошным полотном
7. Добавлять заголовки. К страницам, смысловым блокам и абзацам


📌При работе с медиа материалами:

1. Весь не текстовый контент должен иметь текстовый эквивалент: alt-теги к изображениям, подписанные цвета в интернет-магазинах, субтитры в видео
2. Аккуратней с динамичной анимацией, вспышки более 3 раз в секунду вызывают приступ эпилепсии
3. Векторные изображения, иконки размещать в svg формате


📌При работе с цветом:

1. Текст должен быть контрастным относительно фона
2. Не использовать цвет в качестве единственного способа передачи информации. Добавлять текстовые или графические подсказки


📌При работе со ссылками и кликабельными элементами:

1. Область нажатия не менее 44 px на 44 px
2. Ссылки завернуты в слова
3. В полях для ввода использовать подсказки (плейсхолдер). Но одного плейсхолдера в качестве заголовка недостаточно. Программы чтения с экрана его не видят
4. В мобильной версии кнопки размещать в нижней части экрана, чтобы было легче до них дотянуться


Еще один важных принцип доступности: понятность. Интерфейс и расположение элементов должно быть интуитивно понятными. Не нужно размещать привычные элементы в необычных местах. Не забываем, что главная задача дизайнера спроектировать не просто красивый сайт, а сделать его максимально понятным и удобным пользователю.
2021-10-10 17:00 Веб-дизайн