Как реализовать ссылку «Наверх» (back to top) доступно и удобно?

В чём суть

«Наверх» помогает быстро вернуться к началу длинной страницы. Важно не ломать клавиатуру, фокус и ожидания пользователя.

Практический подход

<a href="#top" class="back-to-top">Наверх</a>
<!-- или -->
<button type="button" class="back-to-top">Наверх</button>

Рекомендации:

• Якорь/id в начале страницы (id="top" на body/header).
• Видимый фокус на контроле.
• Если это button + JS scrollTo — после прокрутки подумайте, куда поставить фокус (часто на #top/заголовок).
• Не полагайтесь только на smooth scroll без prefers-reduced-motion.

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

Итог

Простая якорная ссылка часто достаточна; кастомный скролл должен учитывать фокус и reduced motion.