iOS Accessibility Voiceover读取Web中不必要的内容

Question

我的iPhone应用程序是使用Cordova构建的，它大部分是原生的，我遇到了Accessibility的问题。在我的可访问性测试期间，我注意到在某些元素上选择了Voice Over时，它会读取的不仅仅是标签或按钮的文本。例如，这是我的HTML中页面标题的样子：

<div data-role="header">
    <div class="page-header">
        <h1 class="header-title"><%= title %></h1>
</div>
</div>

选择H1时，会向用户读出以下信息： 横幅标题标题1级地标

有没有办法限制它只说出标题内容？

Answer 1

看起来您正在使用jQuery Mobile。 jQuery mobile根据您放置它们的位置和应用的属性为元素添加一些标记。在这种情况下，它将使用data-role =“header”在div上放置role =“banner”。

正在读出的方式很好。如果您实际上使用标题作为标题，那么屏幕阅读器用户现在拥有那条有用的信息。如果他们不想要它，他们可以告诉他们的屏幕阅读器压制它。可以把它想象成音频等同于标题在视觉上与页面其余部分不同的事实。