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