HTML5辅助功能不读取div / span

时间:2015-09-09 18:58:33

标签: html accessibility voiceover

我有一个HTML文件:

num

在启用了声音的IOS中,当我触摸句子时,声音不会读取所有句子。语音翻录分别读取句子的每个部分(div / spans之间):

  

我的名字是

     

乔恩

     

lbrson

我尝试了<html> <body> <div> my name is <span class="hightlight">jon</span> lbrson</div> <body> </html>

如何在不删除范围的情况下更改语音以读取整个句子?

1 个答案:

答案 0 :(得分:1)

这就是iOS上VoiceOver的运作方式。如果您在Mac上尝试VoiceOver,它将读取整个句子,就像PC上的JAWS一样。所以iOS上的VO选择了按个别元素导航。但是,VO用户有几个选项:

  1. 他们可以通过转子改变导航。如果您将转子设置为&#34; line&#34;,则可以向上/向下滑动,VO将读取整个句子。

  2. 你可以&#34;阅读所有&#34;用双指向上滑动在页面上。

  3. 你可以&#34;阅读所有&#34;通过双指向下滑动,从当前位置开始。

  4. iOS设备上的VO用户习惯了这一点。但是,有时候让VO停在嵌入式跨度上会很方便。如果跨度用于以不同方式格式化一段文本,则会向VO用户指示文本由于某种原因被拆分。

    关于CSS&#34;内容&#34;的评论中的第二个问题应该作为单独的问题提出,以便您能够让更广泛的受众做出回应。