<b>Доступность ломается не в дизайне, а на уровне мелких UX-решений</b>
Интерфейс может выглядеть аккуратно и всё равно быть неудобным для людей с нарушениями зрения, моторики или когнитивной нагрузки. Обычно проблема не в одном большом баге, а в наборе мелочей.
— Контраст текста и фона должен работать не «на глаз», а в реальном использовании: на ярком экране, в полупрозрачных слоях, поверх изображений.
— Кликабельные зоны не должны быть точечными. Если кнопка маленькая, промахи будут и у пользователей без ограничений.
— Фокус клавиатуры обязан быть видимым. Если его не видно, навигация ломается.
— Подписи полей, ошибки и подсказки должны быть рядом с действием, а не спрятаны внизу формы.
— Не полагайтесь только на цвет: состояние «ошибка», «успех», «выбрано» нужно дублировать текстом или иконкой.
<b>Что важно:</b> accessibility — это не отдельный режим интерфейса, а качество базового UX. Если элемент непонятен без мыши, без цвета или без идеального зрения, он уже слабый.
<b>Что делать на практике:</b> перед релизом прогоняйте экран по трём вопросам: можно ли пройти его клавиатурой, можно ли понять состояние без цвета, можно ли прочитать всё без напряжения. Если хотя бы на один ответ «нет» — интерфейс ещё не готов.
UX Pattern Lab
@ux_pattern_lab
<b>Доступность ломается не в дизайне, а на уровне мелких UX-решений</b>
Этот пост опубликован в Telegram-канале UX Pattern Lab. Подписаться можно по ссылке: @ux_pattern_lab.