使用 Mac VoiceOver 测试网页的可访问性
Testing accessibility using Mac VoiceOver for web pages
我正在使用 VoiceOver [Mac 工具 developing/testing 网页的可访问性。
我使用的典型工作流程是反复试验,
- 更改 HTML
- 在浏览器中打开页面
- 打开 VoiceOver 并再次测试 #1
我理解的是文本形式的 VoiceOver convert/see HTML/Webpage 并开始阅读。我希望它的工作原理能让我更容易理解如何简化流程。
所以我想知道是否有任何工具或实用程序或指南可以帮助我了解 HTML/Webpage VoiceOver 的工作方式。我的意思是将 html 作为输入然后输出像 VoiceOver 这样的文本文件的工具(只是为了快速了解哪些更改会以何种方式影响 VoiceOver)。
任何意见都会很有帮助。
Chrome Dev tools 有一个辅助功能属性面板,它会显示项目的可访问名称,就像它在 VoiceOver API 中的显示方式一样。保持该面板打开并仅在您对面板中看到的内容感到满意时才在 VoiceOver 中进行测试会更快。
WebAIM 有一篇很棒的文章 Using VoiceOver to Evaluate Web Accessibility
它会告诉您如何设置、使用哪些键、用户如何导航、如何测试图像、表格和其他元素,从而为您提供帮助。
在任何屏幕上进行测试 reader 不仅仅是在您观看时通过 tab 键浏览页面。理想情况下,您希望达到可以关闭屏幕并进行测试的程度。您还必须认识到,大多数 VO 用户不会在页面中切换,而是倾向于通过地标、标题、链接、列表等跳来跳去。
我不会粘贴整篇文章,但这里是大纲:
为了回答您的问题,听起来您正在寻找 Accessibility inspector tool, which exposes the accessibility API (OSX Safari uses NSAccessibility and iOS Safari uses UIAccessibility for iOS) 位(VoiceOver 消耗的位)。这是 Xcode 的一部分,因此您需要 Mac 上的 Xcode 才能访问它
我正在使用 VoiceOver [Mac 工具 developing/testing 网页的可访问性。
我使用的典型工作流程是反复试验,
- 更改 HTML
- 在浏览器中打开页面
- 打开 VoiceOver 并再次测试 #1
我理解的是文本形式的 VoiceOver convert/see HTML/Webpage 并开始阅读。我希望它的工作原理能让我更容易理解如何简化流程。
所以我想知道是否有任何工具或实用程序或指南可以帮助我了解 HTML/Webpage VoiceOver 的工作方式。我的意思是将 html 作为输入然后输出像 VoiceOver 这样的文本文件的工具(只是为了快速了解哪些更改会以何种方式影响 VoiceOver)。
任何意见都会很有帮助。
Chrome Dev tools 有一个辅助功能属性面板,它会显示项目的可访问名称,就像它在 VoiceOver API 中的显示方式一样。保持该面板打开并仅在您对面板中看到的内容感到满意时才在 VoiceOver 中进行测试会更快。
WebAIM 有一篇很棒的文章 Using VoiceOver to Evaluate Web Accessibility
它会告诉您如何设置、使用哪些键、用户如何导航、如何测试图像、表格和其他元素,从而为您提供帮助。
在任何屏幕上进行测试 reader 不仅仅是在您观看时通过 tab 键浏览页面。理想情况下,您希望达到可以关闭屏幕并进行测试的程度。您还必须认识到,大多数 VO 用户不会在页面中切换,而是倾向于通过地标、标题、链接、列表等跳来跳去。
我不会粘贴整篇文章,但这里是大纲:
为了回答您的问题,听起来您正在寻找 Accessibility inspector tool, which exposes the accessibility API (OSX Safari uses NSAccessibility and iOS Safari uses UIAccessibility for iOS) 位(VoiceOver 消耗的位)。这是 Xcode 的一部分,因此您需要 Mac 上的 Xcode 才能访问它