我试图编写一个 PrimeFaces 分页器以更符合 WCAG 规则。
原始页面链接(1 2 3 4 5)不是链接,而是<span>
带有普通页码。我用''包裹了那个数字,这样他们就可以集中注意力,标题解释了这个链接的用途。渲染器工作得很好,但是在使用它并更改页面(AJAX 请求)页面链接后呈现老式。
为什么会这样,以及如何解决?
我的渲染给出:
<span class="ui-paginator-pages">
<span class="ui-paginator-page ui-state-default ui-state-active ui-corner-all">
<a class="ui-paginator-page ui-state-default ui-state-active ui-corner-all" tabindex="10000" title="Link to page nr: 1">1</a>
</span>
<span class="ui-paginator-page ui-state-default ui-corner-all">
<a class="ui-paginator-page ui-state-default ui-corner-all" tabindex="10001" title="Link to page nr: 2">2</a>
</span>
</span>
更改页面结果后是
<span class="ui-paginator-pages">
<span class="ui-paginator-page ui-state-default ui-corner-all" tabindex="0">1</span>
<span class="ui-paginator-page ui-state-default ui-corner-all ui-state-active" tabindex="0">2</span>
</span>
如您所见,更新后的结构就像在普通的 PrimeFaces 中一样。锚点消失了,标签索引又回到了 0