螢幕閱讀器文字預覽

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

HTML

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

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

使用方法

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

結果

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

相關工具