Цифровая доступность для людей с ограниченными возможностями
Ограниченные возможности — это не только про инвалидов, но и про тех, кто в сломал руку или тащит тяжелую сумку, пытается прочитать текст на экране при ярком солнце. Это про матерей, кормящих ребенка, а свободной рукой сидящих в интернете с телефона. И даже про тех, кто сидит на работе и втихаря смотрит ленту с выключенным звуком. Какие принципы нужно соблюдать при проектировании интерфейса согласно ГОСТ Р 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. В мобильной версии кнопки размещать в нижней части экрана, чтобы было легче до них дотянуться
Еще один важных принцип доступности: понятность. Интерфейс и расположение элементов должно быть интуитивно понятными. Не нужно размещать привычные элементы в необычных местах. Не забываем, что главная задача дизайнера спроектировать не просто красивый сайт, а сделать его максимально понятным и удобным пользователю.