⚙️ Что такое атрибут role в HTML и зачем он используется?

⚙️ Что такое атрибут role в HTML и зачем он используется?

Атрибут role используется для улучшения доступности веб-страниц. Он сообщает вспомогательным технологиям (например, экранным читалкам), какую функцию выполняет элемент.

➡️ Пример:

<!-- Обозначение навигационного меню --> <nav role="navigation"> <ul>

<li><a href="#">Главная</a></li>

<li><a href="#">О нас</a></li>

</ul> </nav> <!-- Определение элемента как диалогового окна --> <div role="dialog" aria-labelledby="dialog-title"> <h2 id="dialog-title">Подтвердите действие</h2>

<button>ОК</button>

</div>

🗣️ Почему полезно:

• role="navigation" помогает читалкам распознавать меню.

• role="dialog" делает <div> доступным как модальное окно.

CodeBase | Frontend | #Основы