0

WCAG ルールにより準拠するために、PrimeFaces ページネーターを作成しようとしています。

元のページ リンク (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

この奇妙な動作の理由は、AJAX リクエスト後のページのレンダリングが、PrimeFaces で定義された JavaScript コードによって行われるためです。つまり、このような場合のデフォルト レンダラーの上書きは、Java と JavaScript の両方で行う必要があります。

于 2016-08-16T13:07:08.773 に答える