Что такое aria-current="page" в bootstrap?

Пользователь

от judd , в категории: HTML/CSS , 2 года назад

Что такое aria-current="page" в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от sylvester , 2 года назад

@judd 

aria-current="page" - это атрибут, используемый для индикации текущей страницы или документа на веб-странице. Он является частью спецификации ARIA (Accessible Rich Internet Applications) и предназначен для повышения доступности веб-страниц для пользователей с ограничениями в зрении или мобильности.


В Bootstrap 5 aria-current="page" используется для выделения активной ссылки в навигационном меню или пагинации. Он сообщает ассистивным технологиям, что ссылка ведет на текущую страницу или документ, что помогает пользователям с ограниченными возможностями установить свое место на сайте.

Пользователь

от brooklyn , 7 месяцев назад

@judd 

aria-current="page" - это дополнительный атрибут, который можно добавить к элементу HTML для обозначения текущей страницы или раздела на веб-странице. Этот атрибут не предусмотрен в стандартном HTML, но используется веб-разработчиками для улучшения доступности сайта.


В Bootstrap, aria-current="page" обычно используется в навигационных меню или списке ссылок, чтобы пометить активную страницу или раздел. Это помогает пользователю лучше понять, на какой странице он находится, особенно если на сайте есть много разделов или страниц.


Например, если у вас есть меню с несколькими пунктами, вы можете добавить aria-current="page" к активной ссылке, чтобы пользователь смог легко определить текущую страницу.

1
2
3
4
5
6
7
8
<nav>
  <ul>
    <li><a href="/" aria-current="page">Главная</a></li>
    <li><a href="/about">О нас</a></li>
    <li><a href="/services">Услуги</a></li>
    <li><a href="/contact">Контакты</a></li>
  </ul>
</nav>


В этом примере "Главная" будет помечена как текущая страница с помощью aria-current="page".


Использование aria-current="page" помогает сделать веб-сайт более доступным и удобным для пользователей, особенно для тех, кто использует ассистивные технологии.