使用Mac VoiceOver爲網頁測試輔助功能

Question

我正在使用VoiceOver [Mac工具]開發/測試網頁的輔助功能。

我使用的典型流程是試錯，

1. 不要更改HTML
2. 打開網頁瀏覽器上的VoiceOver
3. 打開和測試，並再次＃1

什麼我明白的是VoiceOver轉換/看到文本形式的HTML /網頁，並開始閱讀它。我希望它能夠讓我輕鬆理解如何簡化過程。

所以我想知道是否有任何工具或實用程序或準則，可以幫助我看到的方式VoiceOver的HTML /網頁。我的意思是把html作爲輸入的工具，然後輸出像VoiceOver這樣的文本文件（JUST以快速瞭解哪些更改會影響VoiceOver）。

任何輸入都會非常有幫助。

Answer 1

WebAIM有名爲Using VoiceOver to Evaluate Web Accessibility

一個偉大的文章，它有助於告訴你如何才能完成設置，使用哪些鍵，用戶如何瀏覽，如何測試圖片，表格和其他元素。

使用任何屏幕閱讀器進行測試不僅僅是在瀏覽頁面時進行測試。理想情況下，您希望達到可以關閉屏幕並進行測試的地步。您還必須認識到，大多數VO用戶不會瀏覽頁面，而是傾向於通過地標，標題，鏈接，列表等跳轉。

我不是粘貼整篇文章，但這裏是大綱：

• Introduction
• Getting Started
• Reading
• Navigation
  • Other useful shortcut keys
• Images
• Data Tables
• Forms
• Practice
• VoiceOver on the iPhone, iPod Touch, and iPad

Answer 2

Chrome開發工具具有輔助功能屬性面板，該面板將向您顯示與VoiceOver API相關的項目的可訪問名稱。如果您對面板中顯示的內容感到滿意，那麼將該面板保持打開狀態並僅在VoiceOver中進行測試會更快。

Answer 3

要回答你的問題，這聽起來像你正在尋找的Accessibility inspector工具，它暴露了無障礙API（ OSX Safari使用NSAccessibility和iOS Safari使用UIAccessibility（iOS））位（VoiceOver使用此位） 。這是Xcode的一部分，所以你需要Mac上的Xcode才能進入它。