Урок 29 · HTML

Первый переход с клавиатуры ведёт к статье

С клавиатуры человек сначала попадает в шапку и меню. Длинное меню заставляет пройти десяток ссылок до текста.

Почему это следующий шаг

Новые вкладки и обычные переходы уже размечены. Дальше забота о том, кто не пользуется мышью.

Как сделать

Первой ссылкой в body поставь «К содержимому». Она ведёт на id основного блока. Визуально её можно спрятать до фокуса, но из HTML убирать нельзя. У main или article должен быть этот id и tabindex="-1", чтобы переход ставил фокус в текст.

<a href="#content">К содержимому</a>
<main id="content" tabindex="-1">...</main>

Что проверить

• Первый Tab показывает ссылку к тексту.
• Нажатие переносит фокус ниже меню.
• Ссылка ведёт на id, который есть на странице.