link

Как превратить элемент в ссылку с помощью WAI-ARIA.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

ARIA-роль виджета для ссылки. Это самостоятельная роль, поэтому элемент с ней может располагаться на странице отдельно или быть частью другого составного элемента.

Роль link есть по умолчанию у <a>.

Пример

Скопировано
        
          
          <span role="link" data-href="https://en.wikipedia.org/wiki/Capybara" tabindex="0">Узнать больше о капибарах</span>
          <span role="link" data-href="https://en.wikipedia.org/wiki/Capybara" tabindex="0">Узнать больше о капибарах</span>

        
        
          
        
      

Как пишется

Скопировано

Добавьте к тегу role="link". Лучше, чтобы это были семантически нейтральные <div> или <span>. Одно из правил использования ARIA — не перезаписывать роли без необходимости.

В большинстве случаев лучше использовать <a> вместо роли link. Тег ведёт себя как ссылка по умолчанию. Если используете роль link, то не обойтись без JavaScript.

Для link можно использовать все глобальные ARIA-атрибуты и пару атрибутов виджетовaria-disabled, aria-haspopup и aria-expanded.

Как понять

Скопировано

Роль нужна для создания ссылок — элементов, которые ведут пользователей на другую страницу или на её определённую часть.