html 是否应将aria-current=“page”用于客户端表分页组件?

neekobn8  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(1156)

我的理解是,当链接指向当前页面时,aria-current=“page”应该用于一组链接。这与表分页组件有什么关系?在表分页组件中,单击链接不会导航到新页面,而只是更改表中可见的行。
这是否仍然适用于具有多个数据表的页面?

sdnqo3pr

sdnqo3pr1#

如果你有一组内容,其中一个可以被选择,并且根据选择的内容有不同的视觉外观,那么就应该使用aria-current
aria-current有多种值可供使用。它过去只允许“true”和“false”,这会导致屏幕阅读器在宣布链接名称后宣布“current”。
如果您使用pagestep或其他值之一,则大多数屏幕阅读器在朗读链接名称后会说“当前页”或“当前步骤”。
例如,如果您有一个如下所示的表格分页小部件:

当我浏览这些数字时,我会听到:

    • “第1页,链接”*
    • “第2页,链接”*
    • “第3页,链接,当前页”*
    • “第4页,链接”*

而这可以通过

<a aria-label="page 3" aria-current="page">3</a>

我可以使用aria-current="true",这会将声明更改为:

    • “第3页,链接,当前”*
      **注意:**我还为链接指定了一个aria-label,因为否则我只会听到“3,link”。如果所有链接的容器(最好是<nav>元素)都有一个aria-label,表示该小部件用于在表中分页,那么听到这个消息可能不会太糟糕。

相关问题