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" повідомляє screen-читачам, яке посилання відповідає поточній сторінці. list-style:none прибирає маркери, залишаючи семантичний список для доступності.
- Для активного пункту меню замість inline-стилю краще використовувати CSS-клас .active, синхронізований із aria-current.