Я хотел бы получить несколько советов по разметке WAI-ARIA, которую я добавил в навигацию по разбивке на страницы.
Это выглядит правильно, я что-то упустил?
Нужно ли что-то добавить/удалить к ссылке на текущую страницу (#2)?
Кроме того, любопытно в моих разделах «Количество страниц» и «Просмотреть все», что можно добавить, чтобы сделать его более удобным для ARIA.
<nav role="navigation" class="post-navigation">
<ul role="menubar" class="pagination">
<!-- Page Count -->
<span class="page-count">Page 2 of 4 </span>
<li aria-label="Previous">
<a role="menuitem" aria-posinset="1" data-pagenum="1" href="#">
<span aria-hidden="true">«</span>
</a>
</li>
<li>
<a role="menuitem" aria-posinset="1" data-pagenum="1" href="">1</a>
</li>
<li class="active">
<span role="menuitem" aria-posinset="2">2</span>
</li>
<li>
<a role="menuitem" aria-posinset="3" data-pagenum="3" href="#">3</a>
</li>
<li>
<a role="menuitem" aria-posinset="4" data-pagenum="4" href="#">4</a>
</li>
<li aria-label="Next">
<a role="menuitem" aria-posinset="3" data-pagenum="3" href="#">
<span aria-hidden="true">»</span>
</a>
</li>
<!-- View All link handing -->
<li aria-label="View All">
<a role="menuitem" href="#?viewall">View All</a>
</li>
</ul>
</nav>
role="navbar"
и"menu"
предназначены для использования в меню приложений для таких действий, как «Файл» > «Открыть» или «Редактировать» > «Копировать в буфер обмена». Для навигации по веб-сайту, вероятно, лучше использовать классический<ul>
список без особой роли, поскольку вы предоставляете обычные веб-ссылки для посещения других страниц... Также упоминается здесь: Навигационное меню веб-сайта — это не совсем меню - person Oops D'oh   schedule 09.04.2016