Primefaces 面包屑标签索引

Question

我想通过 Tab 键导航面包屑

<p:breadCrumb>
    <p:menuitem value="Categories" url="#" />
    <p:menuitem value="Sports" url="#" />
    <p:menuitem value="Basketball" url="#" />
</p:breadCrumb>

在 html 中，primefaces 本身为每个项目创建了以下代码：

<li role="menuitem">
<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#">
<span class="ui-menuitem-text">Sports</span>
</a>
</li>

如何修改 tabindex 以使我的面包屑键盘可访问？

Answer 1

<script>
   $(document).ready(function() {
       $(".ui-breadcrumb ul li .ui-menuitem-link").attr("tabindex", 0);
    });
</script>

Primefaces 面包屑标签索引

Primefaces Breadcrumb tabindex

breadcrumbs

tabindex

primefaces