Доступная страница удобнее всем: посетителю с клавиатурой, человеку со слабым зрением, пользователю телефона и поисковому роботу. Большую часть проблем можно предотвратить правильным HTML без сложных библиотек.
Пять обязательных проверок
- У документа есть
lang, а заголовки идут по порядку отh1к подразделам. - У каждой ссылки есть понятный текст. Ссылка-картинка получает
aria-labelи осмысленныйalt. - У содержательной картинки есть описание, у декоративной —
alt="". - У каждого поля формы есть
label; ошибка объясняет, что нужно исправить. - До кнопок, ссылок и полей можно дойти клавишей Tab и увидеть фокус.
Когда нужен ARIA
Сначала используйте нативный HTML: button для действия, a для перехода, nav для навигации. ARIA добавляют только когда обычного элемента недостаточно. Неверный ARIA-атрибут способен ухудшить доступность сильнее, чем его отсутствие.
Читайте также: alt у изображений, доступные формы, семантическая структура.