Выбор ответа Junior Семантика обновлено
Пропуск уровня заголовка
Вопрос
Что не так с этой структурой заголовков?
<h1>Каталог</h1>
<h2>Коляски</h2>
<h4>Прогулочные</h4>
<h4>Трансформеры</h4>
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: После <h2 сразу <h4: пропущен уровень, навигация скринридера ломается. Заголовки строят иерархию документа, по которой скринридер даёт навигацию.
Варианты ответа
- Ничего: уровень заголовка выбирают по нужному размеру шрифта на макете
- На странице не может быть больше одного
<h2>, остальные должны быть<h3> - После
<h2>сразу<h4>: пропущен уровень, навигация скринридера ломаетсяправильный ответ <h1>должен стоять внутри<header>, иначе он не считается заголовком
Разбор
Заголовки строят иерархию документа, по которой скринридер даёт навигацию. Прыжок с h2 на h4 создаёт дыру в структуре. Размер задают CSS, а уровень выбирают по смыслу. Число h2 не ограничено, а h1 не обязан находиться в <header>.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.