Что такое ARIA-роли и зачем они?

ARIA (Accessible Rich Internet Applications) — набор атрибутов для улучшения accessibility. role определяет назначение элемента: button, dialog, tab, alert. aria-label даёт текстовую метку, aria-hidden скрывает от скринридера, aria-expanded сообщает состояние. ARIA нужна когда семантический HTML недостаточен — для кастомных виджетов. Первое правило ARIA: не используй ARIA, если есть нативный HTML-элемент. button лучше чем div role="button".