washiveil 的這個展示網站與元件預設值,皆以 WCAG 2.2 Level AA 為目標。無障礙問題一律視為錯誤處理。
符合性狀態
自我評估為部分符合 WCAG 2.2 Level AA。最近一次評估:2026-08-11。方法:在三語、亮色、暗色與高對比模式下,以 axe-core 進行自動化稽核並涵蓋開啟對話框的情境;針對系統所有 token 配對手動計算對比矩陣(WCAG 相對亮度);逐一以鍵盤操作每個互動元件(皆建構於 Radix 基元之上)。
系統具備的功能
- 每個互動元素都有可見的焦點環。
- 指標目標至少為 24 CSS 像素(WCAG 2.5.8)。
- 偵測到 prefers-reduced-motion 時,會停用環境光漂移與所有進場動畫(WCAG 2.3.3)。
- 高對比層:透過 prefers-contrast: more 自動啟用,或手動在根元素加上 .contrast-more class。
- 所有控制項在三種語言下皆有無障礙名稱。
- 混合中文、日文與英文文字時標記語言片段(WCAG 3.1.2)。
已知例外
- 裝飾性微標籤:0.75rem 淡色輔助文字(區段眉標、樣本說明)的文字對比低於 4.5:1,屬於刻意的設計選擇。這些文字僅供裝飾;相同資訊一律會在鄰近且符合標準的文字中呈現。
- 控制項邊界:預設紗面風格的 1px 邊框未達 3:1 非文字對比標準(WCAG 1.4.11);多數毛玻璃風格也有同樣情況。高對比層會將所有控制項邊界提高至 3:1 以上,並作為有此需求使用者的正式支援方案。
- 主要填色:實心按鈕、對話框動作與導覽列 CTA 等主要動作,預設採用亮橘 korozen(#d0722e);白色標籤對比為 3.43:1,未達 4.5:1 文字標準。這是刻意保留的品牌色;高對比層會改用 korozen-deep(#b64f1b,5.09:1)。深色模式在兩層皆符合標準。