Для чего был добавлен атрибут roll?

Атрибут role используется в ARIA (Accessible Rich Internet Applications) для явного определения типа пользовательского интерфейса элемента. Это помогает вспомогательным технологиям, таким как скринридеры, понимать назначение элемента и передавать эту информацию пользователям с ограниченными возможностями. Он дополняет семантику HTML, особенно для элементов, которые не имеют встроенной семантики, или когда стандартной семантики недостаточно.

Например:

• Элемент div, которому назначена роль button, будет восприниматься скринридером как кнопка, даже если он не имеет стандартного поведения и семантики HTML-кнопки.

html

• Роль navigation на элементе nav (хотя nav уже имеет встроенную семантику навигации) может дополнительно улучшить ее интерпретацию в некоторых случаях.

html

• Некоторые сложные виджеты, созданные на основе несемантических элементов, получают свои роли для корректного представления:

html