JAWS通过span标签或span标签具有aria标签读取了额外的空间。如何使用JAWS修复此额外空间

时间:2019-04-25 18:28:13

标签: javascript jaws-screen-reader

使用JAWS在chrome浏览器中逐个字符地读取字符,观察到JAWS在遇到span标签时会读取额外的空间,并且如果span标签包含“ tabindex = 0”或任何aria标签(如aria-pressed =“ false”),JAWS也会读取另一个空间。等等,例如<span tabindex="0" aria-pressed="false">text</span>

<!-- HTML Snippet below -->      
<div role="region" aria-label="Text">           
    text1 text2 <span aria-pressed="true" role="button" tabindex="0">text3</span></div> 

当我使用JAWS时,在'text2'之后可以听到3个空格。如何解决此问题,以便在通过箭头键浏览内容时JAWS不会读取这些多余的空间。

2 个答案:

答案 0 :(得分:0)

我相信您正在尝试创建自定义的复选框或单选按钮开关。

不幸的是,我也遇到了同样的问题。 JAWS阅读器的上/下箭头键行为无法预测。

我要做的是尝试遵循可访问性规范,然后查看它是否可在其他屏幕阅读器中使用。如果是这样,则很可能是与屏幕阅读器有关的问题。

在上述情况下,我非常确定这是因为我在不同情况下都遇到过相同的问题。

答案 1 :(得分:0)

不用担心。 JAWS有一些怪癖,他们的用户已经习惯了。即使您找到了针对自己页面的修复程序,用户一旦离开您的网站,他们也需要在其他地方处理相同的问题。 这没什么大不了的,它不会违反任何可访问性准则,因此我将不理会它,而专注于可能导致实际问题的问题。这对任何人都不会造成太大问题。