Accessibility
Доступная HTML- и CSS-разработка
Материалы о семантике, доступных именах, фокусе, клавиатурном управлении, масштабировании и устойчивой адаптивной вёрстке.
Сначала выбирайте нативный HTML-элемент с нужным поведением. ARIA дополняет недостающую информацию, но не создаёт клавиатурную механику и семантику автоматически.
Семантика HTML
Семантика HTML: материалы
CSS и состояния
CSS и состояния: материалы
Минимальная проверка страницы
- Пройдите все действия с клавиатуры и убедитесь, что фокус заметен.
- Проверьте доступные имена кнопок, ссылок и полей формы.
- Увеличьте текст до 200% и ширину viewport уменьшите до 320 px.
- Отключите CSS и проверьте порядок и смысл содержимого.