ARIA-метки не чинят плохую семантику — они только уточняют смысл для скринридера

ARIA-метки не чинят плохую семантику — они только уточняют смысл для скринридера

Если кнопка уже выглядит как кнопка, не надо навешивать на неё лишние роли и названия. ARIA нужна там, где HTML не справляется: для сложных виджетов, кастомных переключателей, выпадающих списков, табов. В остальных случаях правильный тег полезнее любой метки.

Главная ошибка — дублировать смысл. Например, ссылка с текстом «Подробнее» и ещё одной aria-label «Открыть карточку товара» может запутать: пользователь слышит одно, а видит другое. Лучше, когда видимый текст и доступное имя совпадают или дополняют друг друга без сюрпризов.

Проверьте три вещи: — aria-label должен быть коротким и конкретным; — aria-labelledby лучше, если на странице уже есть хороший видимый заголовок; — если элемент можно назвать обычным HTML, выбирайте его, а не ARIA. И помните: aria-hidden="true" скрывает контент только от ассистивных технологий, но не убирает его из DOM.

Хорошее правило простое: сначала семантика, потом ARIA. Если приходится «объяснять» интерфейс через метки слишком часто, значит, где-то выбран не тот элемент.