Кратко
СкопированоСостояние виджета из WAI-ARIA. Означает, что пользователь сейчас находится на определённом элементе из группы других.
Пример
Скопировано<nav aria-label="Хлебные крошки"> <ul> <li> <a href="../../../">Породы собак</a> </li> <li> <a href="../../">Ирландские породы</a> </li> <li> <a href="./" aria-current="page">Ирландский волкодав</a> </li> </ul></nav>
<nav aria-label="Хлебные крошки"> <ul> <li> <a href="../../../">Породы собак</a> </li> <li> <a href="../../">Ирландские породы</a> </li> <li> <a href="./" aria-current="page">Ирландский волкодав</a> </li> </ul> </nav>
Как пишется
СкопированоДобавьте к тегу атрибут aria
с одним из значений:
page
— текущая страница из нескольких.step
— текущий шаг из нескольких.location
— текущее положение на странице, экране или в контексте выполнения какого-то действия.date
— текущая дата из календаря.time
— текущее время из расписания.true
— текущий элемент из группы других.false
(по умолчанию) — этот элемент из группы сейчас не текущий.
Атрибут можно использовать для всех тегов и ролей.
Как понять
СкопированоНа сайтах часто встречаются хлебные крошки, пагинация и большие формы, которые делятся на несколько шагов. Выбранная страница или шаг обычно визуально выделяются цветом или по-другому. aria
работает так же. Атрибут сообщает пользователям вспомогательных технологий какая ссылка из хлебных крошек выбрана или на каком шаге они находятся.