Три примера, когда интерфейс доступен, но неудобен для незрячих пользователей:
1. Двухкомпонентное меню
Некоторые дизайнеры считают, что визуально каждый родительский пункт основного меню нужно сделать кликабельной ссылкой, а подменю должно разворачиваться по наведению мыши. Но для доступности с клавиатуры дочерние пункты должны выпадать по нажатию Enter или пробела. Компромисс приводит к появлению "летающего танка", где каждый пункт меню представлен и ссылкой, и кнопкой. Для незрячих интерактивных элементов становится вдвое больше. Доступно? Да. Удобно? Не очень.
2. Отсутствие ориентиров
Многие разработчики пренебрегают разметкой страниц HTML элементами
<main>, <nav> и <section> для обозначения функционально разных зон. Визуально это ни на что не влияет, а вот незрячие пользователи лишаются возможности быстрой навигации по ориентирам. Времени на изучение такой страницы скринридером уходит в два-три раза больше. Другие разработчики создают "матрешку", в которой один ориентир вложен в другой. Скринридер начинает спамить подсказками, и разобраться в такой навигации на слух становится сложнее. Доступно? Формально - да. Удобно ли? Снова нет.3. Неправильное использование заголовков
Это характерно для некоторых интернет-магазинов, где цена товара представлена выше его названия. Привычные паттерны быстрой навигации приводят незрячего пользователя минуя цену сразу к заголовку товара, потом к описанию и даже к другим товарным рекомендациям. Есть все, кроме цены - она осталась где-то вверху. Доступна ли цена со второй попытки? Да. Удобно ли это? Конечно, нет.
💡 Доступно и удобно - это часто разные характеристики интерфейса. В нашей кухне государственных сайтов более-менее просто доказать разработчику очевидные проблемы взаимодействия с клавиатурой, скринридером или подписями к полям редактирования. А вот убедить, что текущий уровень реализации пользовательского опыта незрячего можно сделать еще удобнее и проще - это уже следующий левел.
Хотите знать больше? Приходите 6 февраля на вебинар "Тренды цифровой доступности: законодательство, знания, процессы"!