BootsFaces-OSP
BootsFaces-OSP copied to clipboard
Datatable paginator accesibility
Hello, it seems that the datatbles paginator might not be full accesible to screen reader users. Indeed, there is no information on the current page and the links are not being recognized as a navigation tools. Here is a fully accessible example of pagination/
<nav role="navigation" aria-label="Pagination">
<ul>
<li><a href="/page-1" aria-label="Current - Goto Page 1" aria-current="true" >1</a></li>
<li><a href="/page-2" aria-label="Goto Page 2">2</a></li>
<li><a href="/page-3" aria-label="Goto Page 3">3</a></li>
<li><a href="/page-4" aria-label="Goto Page 4">4</a></li>
<li><a href="/page-5" aria-label="Goto Page 5">5</a></li>
</ul>
</nav>
I have also seen title used instead of aria-label but I don't know which is best. The role of the nav seems to be optional as some example do not make use of it. Some example used title or aria-label to indicate the current page, however it may cause issues with screen reader configured in any languages other than English. Thus, using aria-current seems to be the best option.
I know bootstrap datatable do not provide this functionality. It has led me to think that it might be a lot of work to implement for such a small issue.
I didn't have the time to answer the question about accessibility tools before the issue was closed last time. I mostly chrome embedded accessibility audit function and firefox add-on https://wave.webaim.org/. As for free screen reader I use orca on linux and nvda on windows.
Thank you for your hard work