我在页面上有一些可以“聚焦”的元素(按钮,带有tabindex的元素等,并且屏幕阅读器可以很好地读取内容。
但是,我还有一些其他元素不能聚焦(由于它们很多-下拉列表结果等),所以我不希望用户无数次单击选项卡,但是它们可以在左/右/上/下键,它们会被CSS类“选中”(尽管其他一些元素(它们的父元素实际上是焦点所在))
我想让读者阅读那些被选中的类的特定元素。我该怎么办?
((我尝试将aria-label =“ read this”属性应用到他们,但是没有用;仅当元素实际被聚焦时它才起作用)
前一周我遇到了同样的问题,我使用的解决方案是使用aria-describedby
以及aria-label
在当前具有焦点的元素中提供页面周围的额外信息。
[在一种情况下,我们更改aria-label
的内容以仅在元素首次具有焦点时提供额外的详细信息。
您可以尝试向这些特定元素添加标签索引,但是使用它时应格外小心,因为如果使用大于0的值,可能导致页面难以导航。这是更详细答案的链接。https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex