ARIA и пагинация

Я хотел бы получить несколько советов по разметке 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>

person Benjamin    schedule 02.04.2016    source источник
comment
Если у вас нет проблемы или конкретного вопроса, вы, кажется, просите проверить код, что может быть не по теме здесь. Его можно задать на Code Review (если вы хотите переместить свой вопрос, отметьте его и попросите модератора перенести его).   -  person unor    schedule 02.04.2016
comment
Спасибо, Unor, я даже не знал об обмене Code Review.   -  person Benjamin    schedule 03.04.2016
comment
Просто мысль: role="navbar" и "menu" предназначены для использования в меню приложений для таких действий, как «Файл» > «Открыть» или «Редактировать» > «Копировать в буфер обмена». Для навигации по веб-сайту, вероятно, лучше использовать классический <ul> список без особой роли, поскольку вы предоставляете обычные веб-ссылки для посещения других страниц... Также упоминается здесь: Навигационное меню веб-сайта — это не совсем меню   -  person Oops D'oh    schedule 09.04.2016
comment
Если у вас есть более одного ориентира с ролью = навигация, вам понадобится aria-label= с описанием этого ориентира (например, разбивка на страницы результатов поиска или навигация по основному сайту). Это необходимо для соответствия требованиям WCAG.   -  person Mark Witmer    schedule 16.11.2018