屏幕阅读器的辅助功能（例如 Jaws）

Question

我的一位同事在他的一个项目中遇到问题来找我。由于我缺乏屏幕阅读器和技术方面的经验，我无法帮助他，我求助于你们，骄傲而强大的 SO 用户群。

TLDR 人的总结： 我们在 UpdatePanels 中的网格在屏幕阅读器中不起作用。可能与 AJAX 工具包有关？

任何人都可以就我们下一步可能采取的步骤提供帮助或提供建议吗？

这是我从同事那里收到的（重点是我的，而不是他的，希望提高可扫描性）：

---

我目前正在研究可访问性 我遇到了一些问题 使用 Ajax 的页面。我用了 屏幕阅读器来测试页面的 可访问性。屏幕阅读器 试图识别或解释 屏幕上显示的内容 在音频的帮助下 （文本到语音）然后传输 给用户的信息。这是 对盲人很有帮助， 视力受损、文盲或 学习障碍。这是一个简短的 屏幕阅读器工作原理的摘要。 屏幕阅读器会截取 网页并将内容放置在 一个虚拟缓冲区。屏幕阅读器 使用虚拟缓冲区来允许 用户浏览内容。 如果内容更改为 脚本，那么这需要 转发到屏幕阅读器。没有 一种发现有什么的机制 改变了，屏幕阅读器用户可能 不会被通知内容有 完全改变，或者只被通知 内容已更改，但 需要阅读全文 文档以发现确切的内容 改变了。 为了测试，我使用了两个 屏幕阅读器的类型，Access To Go 3.0.76 和 Jaws 10.0。

我在测试时的发现是 在具有gridview 的页面上 在更新面板中，一个典型的 例如，搜索页面，屏幕 读者会像往常一样阅读所有 之前页面上的信息 搜索（搜索条件）。之上 按下搜索按钮，我们的 包含列标题的gridview 并生成结果集。这 屏幕阅读器无法获取 将告知它的信息 新内容已写入 页面因此会听到沉默。 A 技术已被推荐 涉及的微软员工 在 将触发的更新面板 屏幕阅读器导航到 更新内容并阅读。网络 网站解释了如何实现 可访问性仅与 更新面板控件。我已经测试过了 技术上没有成功 这行得通。它呈现一个 iframe 但 屏幕阅读器仍然不知道 对页面的更新。

我们的 AjaxControlToolKit 版本是 1.0.11119.0 且不提供 ARIA（Accessible Rich Internet 应用程序）实时区域标记。居住 区域表示内容发生变化 可能在没有元素的情况下发生 专注并提供帮助 有关如何操作的技术信息 处理这些内容更新。 W3C 推荐了一个关于如何的语义 组织页面的内容， 基本上给每个角色一个角色 页面上的元素，以便辅助 技术可以传达 向用户提供适当的信息。 我不确定这意味着什么 就我们在​​技术上所处的位置而言。

Answer 1

AJAX 网页对于屏幕阅读器来说不是问题，至少对于 Jaws 而言，那是大约 2 年前的事了（我开发了一些带有大量 AJAX 的 Web 应用程序，这些应用程序与 Jaws 配合得很好）。

无论如何，您应该使用良好的屏幕 CSS 布局和 HTML 锚点以获得更好的可访问性（标题、alt、tabindex、标签）。

无论如何，如果您真的担心可访问性，您应该通过 iframe 加载所有内容并使用回调来更新父级（一个小的 <script> 标记，它使用 iframe 内容更新父容器 DIV）。还请查看 PORK.Iframe (http://schizofreend.nl/Pork.Iframe)。

编辑：那里有好东西：Sitepoint article about AJAX and screenreaders

Answer 2

嗯，这完全取决于您想要提供给用户的更新的优先级，请记住这一点，您最终不会让屏幕阅读器变得更冗长，您可能想要通过 ARIA live区域并根据优先级，您可以将更新标记为 poliyte atomic 或 assertive。