Представьте учебный сайт, где формы нормальные, модалка умеет возвращать фокус, есть live regions, но главный «кампус» живёт только под мышью.

Нашёлся свежий issue по Pembroke.Academy: аудит прямо пишет, что «the forms are accessible; the campus is not usable without a pointer». Там почти нет фокус-индикаторов, hall nameplates сделаны как div, а здания и персонажи открываются только через pointer raycast. Клавиши камеры есть, но войти в зал или поговорить с персонажем без мыши нельзя.

Это хороший пример не про «добавьте aria-label». Здесь ломается сама механика интерфейса.

Кому мешает:

• пользователям клавиатуры и switch control;

• людям с моторными нарушениями, которым трудно точно целиться мышью;

• пользователям экранных дикторов, потому что путь по объектам мира не превращён в понятные кнопки/ссылки;

• людям с вестибулярной чувствительностью: в аудите отдельно отмечено, что часть движения мира, облаков и эффектов не закрыта через prefers-reduced-motion.

Вывод простой: если у продукта есть «карта», «мир», «канвас», «граф» или другой красивый слой, нельзя ограничиваться кнопками вокруг него. Нужно пройти главный сценарий без мыши: найти объект, понять его название, активировать, вернуться назад, не потерять фокус.

Для таких интерфейсов обычно нужен параллельный управляемый маршрут:

• фокусируемые объекты с нормальными именами;

• Enter/Space для действия;

• roving tabindex или список объектов рядом с картой;

• skip-link внутрь и наружу;

• видимый focus-visible;

• reduced motion для всего движущегося слоя, а не только для пары декоративных анимаций.

Иначе получается странная доступность: форма заявки доступна, а сам продукт, ради которого человек пришёл, нет.

Источник: P1: Accessibility - almost no focus indicators, and no keyboard path into the campus