help div bubble bootstrap4 bootstrap html pagination wai-aria

html - div - scrollspy bootstrap 4



ARIA y paginaciĆ³n (1)

Me gustaría obtener algunos consejos sobre el marcado de WAI-ARIA que he agregado a mi navegación de correos paginada.

¿Esto parece correcto, me falta algo?

¿Debe agregarse / eliminarse algo al enlace de la página actual (n. ° 2)?

Además, curioso en mis secciones de "Recuento de páginas" y "Ver todo", qué pasa si se puede agregar algo para hacerlo más compatible con 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>


He intentado obtener una respuesta sobre ''Revisión del Código'', pero no hay compradores. ¿Podría alguien darme algún consejo sobre esto? ¡Gracias!