繁體中文
a11yglass · 網站無障礙檢測

首頁知識庫 › 依系統

以 Webflow 實現無障礙

在 Webflow 中,標記由你自己建構。這讓你能做出非常乾淨、無障礙的頁面 — 但前提是留意語意與狀態。

常見的問題來源

以 <div> 當按鈕而非真正的 <button>、沒有 prefers-reduced-motion 的互動與動畫、沒有關聯標籤的表單欄位、沒有空 alt 的裝飾圖片、樣式面板中過低的文字對比。

第一步

在 Designer 中選用語意標籤(Button 元素、標題標籤),全域設定焦點樣式,為互動提供「Reduced motion」變體,關聯表單標籤,掃描原始碼。

a11yglass 如何協助

免費掃描會檢查所提供的 HTML 與 CSS,尋找可自動辨識的 WCAG 違規, 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題,不能取代完整評估。

繼續閱讀

依現有知識提供的一般資訊,非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。