Разметка ARIA
Разметка ARIA (Accessible Rich Internet Applications) это набор специальных HTML-атрибутов от консорциума W3C, повышающих доступность сайтов и веб-приложений. Она помогает ассистивным технологиям, прежде всего экранным читалкам, правильно понимать и озвучивать интерфейс.
Обновлено: 13 июля 2026Как это работает
ARIA добавляет к элементам роли, состояния и свойства (например, role="button", aria-expanded, aria-label). Эти атрибуты не меняют внешний вид, но объясняют вспомогательным программам, чем является элемент и в каком он состоянии, особенно там, где обычный HTML недостаточно выразителен (сложные меню, вкладки, модальные окна). Правило хорошего тона: сначала использовать семантический HTML, а ARIA применять там, где его не хватает.
Зачем это бизнесу
Доступность расширяет аудиторию: сайтом могут пользоваться люди с нарушениями зрения и моторики. Это ещё и вопрос соответствия требованиям и репутации, а корректная семантика заодно помогает поисковым роботам лучше понимать структуру страницы. Для государственных и социально значимых сайтов доступность нередко обязательна.
Разработка и поддержка сайтов в наших проектах
Термин «Разметка ARIA» относится к направлению «Разработка и поддержка сайтов». Ниже проекты, где мы это направление вели. Цифры из отчётов и систем аналитики клиентов, не расчётные.
Частые вопросы
Нужна ли ARIA, если используется семантический HTML?
Часто нет: правильные теги (button, nav, header) уже доступны сами по себе. ARIA нужна там, где стандартных элементов не хватает, в сложных интерактивных компонентах. Лишняя разметка может даже навредить.
Кому помогает разметка ARIA?
В первую очередь людям, использующим экранные читалки и другие ассистивные технологии из-за нарушений зрения или моторики. Она делает интерфейс понятным и управляемым без визуального восприятия.