用這個能替代真正的螢幕閱讀器測試嗎？

不能。NVDA、JAWS、VoiceOver 在朗讀 live region、表格表頭、動態內容時各有差異。用本工具先把明顯問題挑出來，再花時間裝螢幕閱讀器精細測，效率更高。

為什麼我的裝飾性圖示會被標成問題？

預設情況下螢幕閱讀器會朗讀每一張 img。如果圖示只是裝飾，給它一個空 alt 並加 aria-hidden 為 true，工具就會把它從閱讀順序裡跳過。別寫 alt=圖示或 alt=裝飾，那比不寫還糟。

一個頁面只能有一個 h1，往下層不能跳階（h2 之後不能直接接 h4）。往上回去倒沒問題。螢幕閱讀器使用者靠標題跳轉，層級亂了頁面就像迷宮一樣。

不用。帶可見文字的按鈕不需要，文字本身就是它的可存取名稱。只有在沒有可見文字（純圖示按鈕）或者文字不夠說明問題（一排都叫了解更多的連結）時才補 aria-label。

可以，把整段 HTML 原始碼貼進來即可。工具會忽略 script、style、meta，只關注 body 部分。頁面很長時，建議分段貼，問題清單會更清爽。

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

這個工具能做什麼（白話版）

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

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

螢幕閱讀器文字預覽工具展示輔助科技如何解讀您的HTML內容。它會呈現每個元素的無障礙名稱、角色和閱讀順序，讓您在真實使用者遇到問題之前就發現遺漏的標籤、錯亂的標題層級和ARIA問題。

工具按螢幕閱讀器建構無障礙樹的方式解析 HTML：去掉視覺排版，解析 aria-label 和 aria-labelledby，擷取 img 的 alt 文字，最後壓平成一條線性閱讀順序。問題面板會標出沒有可存取名稱的連結、跳階的標題、缺 alt 的圖片以及沒有標籤的表單控制項。

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

用這個能替代真正的螢幕閱讀器測試嗎？: 不能。NVDA、JAWS、VoiceOver 在朗讀 live region、表格表頭、動態內容時各有差異。用本工具先把明顯問題挑出來，再花時間裝螢幕閱讀器精細測，效率更高。
為什麼我的裝飾性圖示會被標成問題？: 預設情況下螢幕閱讀器會朗讀每一張 img。如果圖示只是裝飾，給它一個空 alt 並加 aria-hidden 為 true，工具就會把它從閱讀順序裡跳過。別寫 alt=圖示或 alt=裝飾，那比不寫還糟。
正確的標題層級是什麼樣的？: 一個頁面只能有一個 h1，往下層不能跳階（h2 之後不能直接接 h4）。往上回去倒沒問題。螢幕閱讀器使用者靠標題跳轉，層級亂了頁面就像迷宮一樣。
每個可互動元素都要寫 aria-label 嗎？: 不用。帶可見文字的按鈕不需要，文字本身就是它的可存取名稱。只有在沒有可見文字（純圖示按鈕）或者文字不夠說明問題（一排都叫了解更多的連結）時才補 aria-label。
能整頁貼進來嗎？: 可以，把整段 HTML 原始碼貼進來即可。工具會忽略 script、style、meta，只關注 body 部分。頁面很長時，建議分段貼，問題清單會更清爽。