WAVE

輸入公開網頁網址,查看無障礙錯誤、警示與頁面結構標記。

  • 網頁工具
前往 WAVE 官方網站

這是什麼

WAVE 是 WebAIM 提供的網頁無障礙評估工具。輸入公開網址後,報告會整理錯誤、對比問題、警示、無障礙功能與結構元素,並把對應標記放回頁面內容中。

為何推薦

單看自動檢查數字,很難知道問題出現在哪個元件。WAVE 把結果與原頁面並排呈現,方便從實際位置開始檢查替代文字、標題結構與其他常見問題。

適合誰

需要初步檢查公開網站無障礙狀況的設計師、工程師與內容編輯。

常用情境

  • 在改版前找出需要人工確認的無障礙問題
  • 對照頁面位置,檢查標題結構、語言設定與警示

使用提醒

本次實測分析 example.com,報告成功顯示錯誤、對比、警示、功能與結構分類,並在頁面上加入標記。WAVE 官方明確指出,沒有偵測到錯誤不代表網站符合無障礙要求;自動結果仍須配合人工檢查。瀏覽器擴充功能與 API 未實測。

Color.review

快速比較前景與背景色對比,並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

shadcn/ui

以可複製原始碼方式提供元件的 React 介面資源。

  • components
  • react
  • accessibility

Webhook.site

取得臨時接收網址,即時查看 Webhook 與 HTTP 請求內容。

  • webhook
  • http
  • debugging