依 WCAG 的縮放與重排
視力受損者會放大頁面。WCAG 1.4.4 要求文字可縮放到 200% 而不遺失功能或內容;1.4.10 要求在 320 px 寬度下能重排而不出現水平捲動。
常見錯誤
<meta name="viewport" content="…, user-scalable=no"> 或 maximum-scale=1(鎖住縮放)、以 px 設定字級並搭配固定容器高度、強烈縮放時的水平捲動。
如何做對
從 viewport meta 移除 user-scalable 與 maximum-scale。使用相對單位(rem)與彈性版面。以 400% / 320 px 測試。
a11yglass 如何協助
免費掃描會檢查所提供的 HTML 與 CSS,尋找可自動辨識的 WCAG 違規, 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題,不能取代完整評估。
繼續閱讀
依現有知識提供的一般資訊,非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。