我的理解是,当链接指向当前页面时,aria-current=“page”应该用于一组链接。这与表分页组件有什么关系?在表分页组件中,单击链接不会导航到新页面,而只是更改表中可见的行。这是否仍然适用于具有多个数据表的页面?
sdnqo3pr1#
如果你有一组内容,其中一个可以被选择,并且根据选择的内容有不同的视觉外观,那么就应该使用aria-current。aria-current有多种值可供使用。它过去只允许“true”和“false”,这会导致屏幕阅读器在宣布链接名称后宣布“current”。如果您使用page或step或其他值之一,则大多数屏幕阅读器在朗读链接名称后会说“当前页”或“当前步骤”。例如,如果您有一个如下所示的表格分页小部件:
aria-current
page
step
当我浏览这些数字时,我会听到:
而这可以通过
<a aria-label="page 3" aria-current="page">3</a>
我可以使用aria-current="true",这会将声明更改为:
aria-current="true"
aria-label
<nav>
1条答案
按热度按时间sdnqo3pr1#
如果你有一组内容,其中一个可以被选择,并且根据选择的内容有不同的视觉外观,那么就应该使用
aria-current
。aria-current
有多种值可供使用。它过去只允许“true”和“false”,这会导致屏幕阅读器在宣布链接名称后宣布“current”。如果您使用
page
或step
或其他值之一,则大多数屏幕阅读器在朗读链接名称后会说“当前页”或“当前步骤”。例如,如果您有一个如下所示的表格分页小部件:
当我浏览这些数字时,我会听到:
而这可以通过
我可以使用
aria-current="true"
,这会将声明更改为:**注意:**我还为链接指定了一个
aria-label
,因为否则我只会听到“3,link”。如果所有链接的容器(最好是<nav>
元素)都有一个aria-label
,表示该小部件用于在表中分页,那么听到这个消息可能不会太糟糕。