Встречается на собеседованиях • сегодня

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

1. **Отсутствие альтернативного текста для изображений (`alt`)** ```html Логотип компании ``` 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-*` атрибутов. Пример доступного кастомного чекбокса: ```html
Подписаться
``` Всегда проверяйте сайт инструментами вроде **axe DevTools** или **WAVE**.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы