ARIA使读者阅读非重点内容

问题描述 投票:1回答:2

我在页面上有一些可以“聚焦”的元素(按钮,带有tabindex的元素等,并且屏幕阅读器可以很好地读取内容。

但是,我还有一些其他元素不能聚焦(由于它们很多-下拉列表结果等),所以我不希望用户无数次单击选项卡,但是它们可以在左/右/上/下键,它们会被CSS类“选中”(尽管其他一些元素(它们的父元素实际上是焦点所在))

我想让读者阅读那些被选中的类的特定元素。我该怎么办?

((我尝试将aria-label =“ read this”属性应用到他们,但是没有用;仅当元素实际被聚焦时它才起作用)

javascript html css wai-aria
2个回答
0
投票

前一周我遇到了同样的问题,我使用的解决方案是使用aria-describedby以及aria-label在当前具有焦点的元素中提供页面周围的额外信息。

[在一种情况下,我们更改aria-label的内容以仅在元素首次具有焦点时提供额外的详细信息。

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute


-1
投票

您可以尝试向这些特定元素添加标签索引,但是使用它时应格外小心,因为如果使用大于0的值,可能导致页面难以导航。这是更详细答案的链接。https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

© www.soinside.com 2019 - 2024. All rights reserved.