Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 屏幕阅读器Chromevox聚焦时不读取元素_Javascript_Focus_Accessibility - Fatal编程技术网

Javascript 屏幕阅读器Chromevox聚焦时不读取元素

Javascript 屏幕阅读器Chromevox聚焦时不读取元素,javascript,focus,accessibility,Javascript,Focus,Accessibility,我不知道如何让Chromevox在通过Javascript将焦点更改为某个元素后读取该元素。以在中找到的示例为例。单击“显示主题1”按钮时,受控元素将展开,焦点将移到该元素上。然而,在Chromevox中,它不读取元素的内容,只读取标签为的咏叹调 为了让Chromevox在元素被扩展后读取其内容,我必须移出并再次移入。不是很好的用户体验 这是Chromevox的一个问题,还是有更好的方法来解决这个问题 注意:忽略其他三个示例,它们的aria labelledby属性中有拼写错误,因此无法正常工作

我不知道如何让Chromevox在通过Javascript将焦点更改为某个元素后读取该元素。以在中找到的示例为例。单击“显示主题1”按钮时,受控元素将展开,焦点将移到该元素上。然而,在Chromevox中,它不读取元素的内容,只读取标签为的咏叹调

为了让Chromevox在元素被扩展后读取其内容,我必须移出并再次移入。不是很好的用户体验

这是Chromevox的一个问题,还是有更好的方法来解决这个问题


注意:忽略其他三个示例,它们的aria labelledby属性中有拼写错误,因此无法正常工作。

ajax示例不是一个好的模仿示例。除了你提到的t2/m2打字错误外,他们还有相互竞争的标签。有一个(隐藏的)
包含文本(“主题1都是关于存在的…”)
有一个
咏叹调被
标记

根据可访问名称计算规则,在步骤2.B.first-bullet中处理
aria labelledby
,然后完成该过程。应忽略
中的文本

如果有而不是一个
标记的咏叹调,那么您将进入步骤2.G,内部文本将是可访问的名称(并由屏幕阅读器读取)

因此,您看到/听到的冲突可能取决于浏览器如何解释这些规则,即屏幕阅读器读取的文本

NVDA同时读取
标记的
咏叹调和文本

JAWS只读取由
标记的
咏叹调,这在技术上是正确的

听起来Chromevox和JAWS做了同样的事情,这是正确的