5 ошибок в accessibility, из-за которых интерфейс ломается для части пользователей
1) Контраст «на глаз». Серый текст на сером фоне выглядит аккуратно только в дизайне. На практике это режет читаемость, особенно на солнце и на дешёвых экранах.
2) Кликабельные элементы без нормального размера. Иконка-«крестик» в 16 px, мелкая кнопка, тесные отступы — промахи по тапу и лишние ошибки в сценарии.
3) Порядок фокуса, который живёт своей жизнью. Если с клавиатуры нельзя предсказуемо пройти форму, модалку и меню, часть пользователей просто застревает.
4) Непонятные подписи и ошибки. «Введите корректные данные» не помогает. Нужно писать, что именно не так и как исправить: «Пароль должен содержать 8 символов и цифру».
5) Иконки и изображения без смысла для скринридера. Если у элемента есть функция, у него должен быть текстовый эквивалент. Если смысла нет — лучше скрыть его от ассистивных технологий.
Что делать на практике: прогоняйте ключевые сценарии мышью, клавиатурой и скринридером. Если путь ломается хотя бы в одном из трёх режимов, у вас не мелкая шероховатость, а барьер.
UX Pattern Lab
@ux_pattern_lab
5 ошибок в accessibility, из-за которых интерфейс ломается для части пользователей
Этот пост опубликован в Telegram-канале UX Pattern Lab. Подписаться можно по ссылке: @ux_pattern_lab.