Skip-to-content link

<a href="#main" style="position:absolute;left:-9999px;top:0;background:#1f6feb;color:#fff;padding:0.6rem 1rem;z-index:1000">Перейти к основному контенту</a>
<style>
  a[href="#main"]:focus { left: 0; }
</style>
<main id="main">...</main>

Предпросмотр

Пояснение

Ссылка скрыта за экраном (left:-9999px), пока не получит фокус Tab'ом — тогда она появляется в верхнем левом углу.

• id="main" должен быть на реальном <main> элементе страницы.

Похожие инструменты