Доступность контента (WAI-ARIA)

WAI-ARIA — стандарт, разрабатываемый W3C для предоставления возможности полноценного использования Интернета людьми с физическими ограничениями (нарушение работы органов зрения и опорно-двигательного аппарата).

Для HTML были разработаны атрибуты aria, которые помогают пользоваться сайтом через специальные устройства. Например, при открытии модального окна есть иконка закрытия, в этом случае можно использовать aria-label.

<button aria-label="Закрыть" class="modal-close">X</button>

Или если надо обозначить, что ссылка ведёт на текущую страницу, то можно использовать aria-current:

<a href="/" aria-current="page">Главная</a>

Пример использования WAI-ARIA можно посмотреть в докумнтации Bootstrap, где активно используются атрибуты aria.

Примеры использования

Если ссылка оформлена как кнопка, то рекомендуется указывать role="button".

<a href="#" role="button">Открыть</a>

Если она заблокирована, то рекомендуется указывать aria-disabled.

<a href="#" class="disabled" role="button" aria-disabled="true" tabindex="-1">Открыть</a>