以 Webflow 實現無障礙
在 Webflow 中,標記由你自己建構。這讓你能做出非常乾淨、無障礙的頁面 — 但前提是留意語意與狀態。
常見的問題來源
以 <div> 當按鈕而非真正的 <button>、沒有 prefers-reduced-motion 的互動與動畫、沒有關聯標籤的表單欄位、沒有空 alt 的裝飾圖片、樣式面板中過低的文字對比。
第一步
在 Designer 中選用語意標籤(Button 元素、標題標籤),全域設定焦點樣式,為互動提供「Reduced motion」變體,關聯表單標籤,掃描原始碼。
a11yglass 如何協助
免費掃描會檢查所提供的 HTML 與 CSS,尋找可自動辨識的 WCAG 違規, 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題,不能取代完整評估。
繼續閱讀
依現有知識提供的一般資訊,非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。