什麼是高對比模式?

測試您的網頁內容在不同高對比度設定下的顯示效果。貼上 HTML 或 URL 截圖,預覽符合 WCAG 標準的對比度模式,包括 Windows 高對比度、反色以及自訂對比度主題。

使用方法

  1. 步驟一 — 將 HTML 內容或純文字貼入編輯區域,作為預覽來源。
  2. 步驟二 — 從預設中選擇對比度模式:Windows 高對比度(黑/白)、反色、黑底黃字或自訂顏色。
  3. 步驟三 — 查看即時預覽以檢查可讀性,使用對比度比率檢測器驗證文字元素是否符合 WCAG AA/AAA 標準。

結果

一位開發者將導覽列 HTML 貼入後,切換至 Windows 高對比度模式,發現純圖示按鈕在黑色背景下完全不可見,因此決定為其加入可見文字標籤。

相關工具