HTML
Структура страницы
Размечаем страницу по смыслу, строим заголовки и подписываем поля формы.
Разделите страницу на области
header подходит для шапки, nav для навигации, main для основного содержания. Самостоятельный материал можно оформить через article.
<header>
<nav aria-label="Главное меню">
<a href="/">Главная</a>
</nav>
</header>
<main>
<h1>Руководство по HTML</h1>
<article>
<h2>Первый раздел</h2>
<p>Содержание раздела.</p>
</article>
</main>Свяжите подпись и поле
Поле с видимой подписью легче найти и понять. Значение for у подписи должно совпадать с id поля.
<label for="email">Почта</label>
<input id="email" name="email" type="email"
autocomplete="email" required>Проверьте с клавиатуры
Пройдите по ссылкам и кнопкам клавишей Tab. Порядок должен совпадать с чтением страницы. Для навигации используйте ссылки, для действий — кнопки.