Тест по HTML — Доступность и семантика
Какой тег следует использовать для самостоятельного, переиспользуемого фрагмента контента?
- <div>
- <section>
- <article>
- <span>
Какой тег указывает на важность текста и воспринимается скринридером?
- <b>
- <strong>
- <i>
- <em>
Какой элемент предназначен для навигационных ссылок?
- <nav>
- <menu>
- <aside>
- <section>
Какой тег используется для связи текстовой метки с интерактивным элементом?
- <label>
- <p>
- <div>
- <span>
Какой атрибут используется для описания изображений для скринридеров?
- aria-label
- alt
- title
- aria-describedby
Правда ли, что <button>
более доступен, чем <div onclick="...">
?
- Правда
- Ложь
Какие способы можно использовать, чтобы скрыть элемент от скринридеров?
- aria-hidden=true
- tabindex=-1
- visibility: hidden
- Все перечисленные
Какой тег используется для обозначения основной части контента страницы?
- <main>
- <section>
- <div>
- <body>
Зачем нужны семантические теги?
- Только для внешнего оформления
- Только для читаемости кода
- Для улучшения SEO и доступности
- Для валидации HTML
Какой атрибут связывает элемент с заголовком?
- aria-labelledby
- aria-owns
- aria-controls
- aria-role
Какое значение role
подходит для блока с навигационным меню?
- role='link'
- role='navigation'
- role='button'
- role='main'
Какой атрибут обязательно должен быть у <img>
для доступности?
- alt
- title
- description
- aria-title
Какой элемент предназначен для контента, косвенно связанного с основным?
- <aside>
- <details>
- <dialog>
- <summary>
Какой класс часто используют для доступного скрытия текста?
- screen-reader-only
- aria-hidden
- hidden
- tabindex='-1'
Какой элемент представляет нижнюю часть документа или секции?
- <footer>
- <bottom>
- <end>
- <summary>
Какой тег используется для отображения результата вычислений?
- <div>
- <output>
- <pre>
- <code>
Является ли <div>
семантическим элементом?
- Да
- Нет
Какой атрибут уведомляет скринридер об изменении содержимого?
- aria-describedby
- aria-controls
- aria-expanded
- aria-live
Какие элементы улучшают доступность форм?
- <form>
- <fieldset>
- <legend>
- Все перечисленные
Какой tabindex
делает элемент доступным через клавиатуру?
- tabindex='0'
- tabindex='-1'
- tabindex='1'
- tabindex='100'