Доступность ломается не в кнопках, а в мелочах, которые команда не замечает
Чаще всего a11y страдает не из-за «сложной» разметки, а из-за базовых промахов:
— текст и фон с низким контрастом;
— кликабельные элементы меньше пальца;
— формы без подписей и ошибок рядом с полем;
— модалки, которые нельзя закрыть с клавиатуры.
Что проверить в любом интерфейсе:
— можно ли пройти весь сценарий только Tab/Shift+Tab;
— есть ли видимый фокус у интерактивных элементов;
— читаются ли заголовки по порядку, без прыжков;
— не завязаны ли подсказки только на цвет.
Отдельно смотрите на микро-копи: кнопка «Продолжить» без контекста хуже, чем «Продолжить к оплате», а «Ошибка» без объяснения не помогает ни пользователю, ни поддержке. Экран должен подсказывать, что делать дальше, а не просто сообщать о проблеме.
На практике лучший фильтр простой: если человек не видит мышь, не различает цвет или держит телефон одной рукой, интерфейс всё равно должен работать. Сначала исправляйте навигацию, фокус и формы — это дает самый быстрый прирост качества.
UX Pattern Lab
@ux_pattern_lab
Доступность ломается не в кнопках, а в мелочах, которые команда не замечает
Этот пост опубликован в Telegram-канале UX Pattern Lab. Подписаться можно по ссылке: @ux_pattern_lab.