2015-06-22 111 views
1

我正在爲我的項目開發Web門戶可訪問性。當我調試我的更改時,我不太喜歡聽屏幕閱​​讀器。瞭解屏幕閱讀器將讀取的工具

如果存在任何工具,它可以告訴屏幕閱讀器會讀出什麼只是想知道。

這是的,如果存在任何排序問題與頁面理解。

回答

1

兩個VoiceOver會在OS X和NVDA在Windows上有一個屏幕上顯示的是「允許您查看(屏幕閱讀器)是目前來講所有文本的模擬器上功能「。

這裏是你如何可以顯示,然後隱藏:

的VoiceOver - caption panel

要顯示或隱藏面板:

  • 按下VO-命令-F10。
  • 當VoiceOver打開時,打開VoiceOver Utility,單擊視覺類別,然後單擊標題面板。
    有關顯示標題面板和其他選項以對其進行自定義的選項的說明,請單擊右下角的幫助按鈕(看起來像一個問號)。

要顯示或隱藏字幕面板和VoiceOver光標,請按下VO-F11。

NVDA - Speech Viewer

要啓用語音瀏覽器,在工具檢查在NVDA菜單中的 「語音瀏覽器」 菜單項。取消選中該菜單項以禁用它。


EDIT對於那些想知道:

  • VoiceOver的已預先安裝在所有iOS和OS X安裝,並且可以通過設置/輔助
  • NVDA被激活是一個開源屏幕閱讀器可以自由download(並有助於,這是一個小團隊;))
0

http://wave.webaim.org/ 禁用風格

禁用格式,使開發人員能夠 「看到」 屏幕閱讀器閱讀之 內容大聲

http://webaim.org/resources/webdev/

Chrome瀏覽器開發工具,還可以禁用樣式。例如。 Cmd + Alt + i>來源>刪除域css文件中的文本。

+0

對不起,說萊昂,但我無法繼續智慧這個。你能否詳細說明如何做到這一點。 – jsbisht

+0

K我犯了一個錯字,它是CMD ALT我。在Chrome下,您還可以查看>開發人員>開發人員工具>來源選項卡>單擊.css文件>刪除內容。所以它只是顯示純文本。 我建議使用webaim工具,它也可以顯示您的html標記 https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh –

0

您可以嘗試Chromevox,則(谷歌瀏覽器),或者NVDA這兩者都是免費。

+0

我有權訪問NVDA。我如何訪問屏幕閱讀器將讀取的內容的文本輸出。 – jsbisht

+1

您可以嘗試語音查看器:http://www.nvaccess.org/files/nvda/documentation/userGuide.html#toc82 – Adam