Что лежит в основе доступности (accessibility) веб-страницы?

Суть

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

Хорошая база

1. Семантический HTML — правильные теги (button, a, nav, main, заголовки), а не «всё на div».
2. Клавиатурная навигация — фокус виден, порядок логичный, нет ловушек фокуса.
3. Альтернативы медиа — осмысленный alt, подписи к видео/аудио.
4. Контраст и масштаб — текст читается, UI не ломается при увеличении.
5. Понятные формы — связанные label, понятные ошибки.
6. ARIA только когда нужно — сначала нативный HTML, потом роли/состояния.

<main>
  <h1>Заказ</h1>
  <button type="submit">Отправить</button>
</main>

Итог

Сильная база — семантика + клавиатура + контраст + тексты ошибок/альтернатив. ARIA — дополнение, не замена.