Accessible navigation menu
Базовая доступная навигация строится на nav + список ссылок, без искусственных div-кнопок.
Код
<nav aria-label="Главная навигация">
<ul style="display:flex;gap:1.5rem;list-style:none;padding:0;margin:0">
<li><a href="/" aria-current="page">Главная</a></li>
<li><a href="/about">О нас</a></li>
<li><a href="/contact">Контакты</a></li>
</ul>
</nav>
Предпросмотр
Пояснение
aria-current="page" сообщает скринридерам, какая ссылка соответствует текущей странице. list-style:none убирает маркеры, оставляя семантический список для доступности.
- Для активного пункта меню вместо inline-стиля лучше использовать CSS-класс .active, синхронизированный с aria-current.