Какие основные ошибки при работе с Accessibility

1. Отсутствие альтернативного текста для изображений (alt)

    <!-- Плохо -->
    <img src="logo.png">

    <!-- Хорошо -->
    <img src="logo.png" alt="Логотип компании">

2. Некорректное использование семантических тегов
   Использование div вместо button, nav, header и т.д. лишает пользователей скринридеров контекста.

3. Низкая контрастность текста
   Текст должен соответствовать WCAG (минимум 4.5:1 для обычного текста).

4. Отсутствие фокусируемых элементов
   Убедитесь, что все интерактивные элементы (a, button) доступны с клавиатуры (Tab/Shift+Tab).

5. Динамический контент без ARIA-атрибутов
   Например, скрытые меню или модалки без aria-expanded или aria-modal.

6. Автовоспроизведение медиа
   Видео/аудио без управления мешают пользователям скринридеров.

7. Недоступные кастомные элементы
   Кастомные чекбоксы или радиокнопки без правильных role и aria-* атрибутов.

Пример доступного кастомного чекбокса:

<div role="checkbox" aria-checked="false" tabindex="0">Подписаться</div>

Всегда проверяйте сайт инструментами вроде axe DevTools или WAVE.