0

我试图编写一个 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

4

1 回答 1

0

Reason for this strange behavior is that rendering page after AJAX request is done by JavaScript code defined in PrimeFaces. This means that overwriting default renderer in such cases has to be done both in Java and JavaScript.

于 2016-08-16T13:07:08.773 回答