Что такое ARIA атрибуты

Ответ

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

Примеры:

  • aria-label — описывает элемент, если текста нет (<button aria-label="Закрыть">X</button>)
  • aria-hidden — скрывает элемент от assistive технологий (<div aria-hidden="true">...</div>)
  • role — определяет тип элемента (<div role="button">Click</div>)

Важно: ARIA не заменяет семантический HTML. Лучше использовать <button>, чем <div role="button">. Применяйте ARIA только когда стандартных HTML-элементов недостаточно.