Аудит доступности: 7 мест, где чаще всего ломают сайт и теряют пользователей

Аудит доступности: 7 мест, где чаще всего ломают сайт и теряют пользователей

Проверять доступность «на глаз» нельзя: нужен короткий, повторяемый чек-лист. Начните с базового прохода по странице и ищите не красоту, а барьеры для клавиатуры, скринридера и слабого зрения.

• Все интерактивные элементы доступны с Tab и виден фокус.
• У картинок есть осмысленный alt, а декоративные — пустой alt.
• Заголовки идут по иерархии, без прыжков через уровни.
• Формы имеют связку label + поле, а ошибки объясняются текстом, не только цветом.

Дальше проверьте контраст текста и фона, размер кликабельных зон, подписи у иконок и понятность ссылок: «Подробнее» без контекста — плохая ссылка. Отдельно откройте меню, модальные окна и выпадающие списки: если из них нельзя выйти клавишей Esc или вернуться в нужное место, интерфейс уже мешает.

Для быстрого аудита полезно сравнить два режима: мышь и клавиатуру. Если сценарий ломается при одном из них, проблема почти всегда в логике шаблона, а не в контенте. И ещё одно правило: проверяйте не только главную, но и типовые страницы — карточку товара, статью, форму заявки.

Хороший аудит заканчивается не списком замечаний, а понятным планом правок: что исправить в шаблоне, что — в контенте, а что — в компонентах темы.