Перейти к содержимому
v2.5.0
English
Русский
Документация

Pagination

Pagination — составной компонент для постраничной навигации.

Подпись

  • Если на странице несколько групп навигации, у области пагинации должно быть осмысленное доступное имя.

Поведение клавиатуры

ОбъявлениеПереведите фокус на демо и нажмите клавишу из таблицы.
КлавишаДействие
TabShift + TabПереносит фокус по порядку через кнопки «назад» и «вперёд» и элементы страниц. Многоточия и отключённые кнопки не получают фокус.
EnterSpaceНативно активирует элемент или кнопку в фокусе: кнопки реагируют на обе клавиши, ссылки — только на Enter. Текущая страница получает aria-current='page'.
Каждая строка проверена в настоящем браузере: Playwright нажимает клавишу в Chromium и смотрит, где оказались фокус и активный элемент.

Поведение фокуса

  • Фокус попадает на интерактивные дочерние элементы, а не на корневой список.

Семантика для скринридеров

  • PaginationItem current выставляет aria-current='page'.
  • Пагинация на ссылках обычно даёт самую понятную семантику, когда страницы — адресуемые места назначения.

Семантика форм

  • Пагинация — это навигация, а не ввод в форме.

Риски доступности

  • текущая страница не передана семантически
  • многоточие используется как настоящее действие перехода на страницу
  • границы «назад» / «вперёд» явно не отключены