螢幕閱讀器文字預覽

預覽螢幕閱讀器如何解讀你的內容

這個工具能做什麼(白話版)

盲人和低視力訪客透過螢幕閱讀器收聽您的頁面 — 這種軟體會朗讀每個連結、按鈕、標題和圖像。在此貼上您的 HTML,查看他們聽到的確切文字以及順序。

在發布前使用,捕捉缺失的圖像描述、僅顯示「點擊此處」的按鈕,或目標不明的連結。問題面板會突顯任何令人困惑的地方,以便您快速修復。

HTML

什麼是螢幕閱讀器文字預覽?

螢幕閱讀器文字預覽工具展示輔助科技如何解讀您的HTML內容。它會揭示元素的無障礙名稱、角色和閱讀順序,幫助您在使用者遇到問題之前發現遺漏的標籤、不合理的標題層級和ARIA屬性問題。

使用方法

  1. 貼上您的HTML內容或輸入要分析的URL。
  2. 檢視線性化的閱讀順序和元素無障礙樹狀結構。
  3. 修正標記的問題並重新測試,直到閱讀流程清晰順暢。

結果

一位開發者貼上了一個導覽選單的程式碼。工具發現其中3個連結缺少無障礙名稱,且標題層級從h1直接跳到了h4,這會讓螢幕閱讀器使用者感到困惑。

相關工具