Что такое доступность сайта?

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

Основные направления

• Семантический HTML — правильные теги (<button>, <nav>, <label>) дают скринридерам смысл.
• Клавиатурная навигация — всё управляемо без мыши (Tab, Enter, Escape), видимый фокус.
• ARIA-атрибуты — aria-label, role, aria-expanded там, где семантики HTML не хватает.
• Контраст — текст читаем (WCAG: не ниже 4.5:1 для обычного текста).
• Альтернативы — alt для картинок, субтитры для видео.
• Не только цвет — состояние передаётся не одним цветом (иконка/текст тоже).

<button aria-label="Закрыть">×</button>
<img src="chart.png" alt="Рост продаж на 20%" />

Стандарты

WCAG (Web Content Accessibility Guidelines) — принципы POUR: Perceivable, Operable, Understandable, Robust.

Зачем

• Этично и часто юридически обязательно.
• Расширяет аудиторию.
• Улучшает SEO и UX для всех (клавиатура, мобильные).

Коротко для собеседования

Доступность (a11y) — возможность пользоваться сайтом людям с ограничениями. Основа: семантический HTML, клавиатурная навигация, ARIA, достаточный контраст, alt-тексты, передача состояния не только цветом. Ориентир — стандарт WCAG (принципы POUR).