Доступность часто воспринимают как техническую тему. ARIA, WCAG, скринридеры — будто это зона разработчиков. Но правда в том, что большая часть проблем появляется ещё в макетах. И если дизайнер не заложил структуру, смысл и сценарий — разработчик это уже не исправит без редизайна.
Разберём 5 самых частых ошибок.
1. Кнопки без семантики
Когда:
div вместо button
кликабельные карточки без ролей
кастомные контролы без доступности
Что происходит: Скринридер не видит действие.
Итог: Интерфейс визуально есть — для пользователя его нет.
2. Placeholder вместо label
Типичная ошибка форм.
Placeholder:
исчезает при вводе
плохо читается
не всегда озвучивается
Итог: Человек забывает, что вводит.
Особенно:
при когнитивной нагрузке
у пожилых пользователей
при тревоге.
3. Цвет как единственный сигнал
Очень частая ошибка:
ошибки только красным
статусы только цветом
контраст ниже нормы.
Accessibility — это многоканальность: цвет + текст + форма + структура.
4. Иконки без смысла
Любимый дизайнерский грех: красивая иконка без подписи.
Проблема:
скринридер скажет «button»
пользователь не поймёт действие.
Минимум: aria-label или текст.
5. Нет структуры страницы
Без заголовков:
нельзя быстро навигировать
сложно понимать контекст
страдает SEO, UX и accessibility одновременно.
Это база.
Вывод
Accessibility — это не «для инвалидов». Это про стресс, усталость, ситуацию.
Сегодня любой может оказаться:
без м��ши
без зрения
без концентрации.
И тогда хороший дизайн становится поддержкой.
