無障礙設計

核心原則：設計服務人類多樣性，拒絕製造數位障礙

視覺可訪問性

• 對比鐵律
  • 文字/圖示與背景對比 ≥ 4.5:1（AA級）
  • 大字號（≥14px）或粗體字可放寬至 ≥ 3:1
• 色彩冗餘策略
  • 關鍵狀態（成功/警告/錯誤）必須附加圖形符號（✓/!/⨉）
  • 資料圖表停用純色區分，採用紋理+標籤雙編碼 例：折線圖用實線+虛線而非紅藍線，標籤標註“用戶A/用戶B”

互動包容性

• 熱區尺寸
  • 點選區域 ≥ 44×44px（行動端） / 32×32px（桌面端）
  • 密集排列按鈕間距 8px 安全間距防誤觸
• 多通道回饋
  • 視覺回饋：操作後 100ms 內出現狀態變化（如按鈕按下態）
  • 觸覺回饋：長按刪除觸發短震動（iOS/Android 適配）

認知友善性

• 簡化決策樹
  • 表單步驟 ≤ 5 步，複雜流程提供「儲存進度」功能
  • 錯誤提示以「修復建議」取代程式碼報錯（如「檔案超限 → 請上傳<5MB的JPG」）
• 閱讀支持
  • 正文行高 ≥ 1.5倍字號，段落寬度 ≤ 80字符
  • 支援動態調整字號（100%-200%），佈局不坍塌

視覺障礙規避

• 多樣選擇
  • 我們為視覺障礙者提供了多樣的色彩選擇性，並遵循視覺障礙設計依據
• 深色模式下的視覺障礙者
  • 開啟「高對比模式」時，夜間模式自動停用深色背景 → 切換為黑底黃字（#000000/#FFFF00）
  • 保留發光按鈕的震動回饋，補償視覺訊息損失
• 動態內容降級策略
  • 用戶開啟「減少動態效果」設定時：
  • 停用所有裝飾動畫
  • 資料視覺化切換為靜態圖表+資料表雙顯模式

地域差異化設計

• 時間格式

色彩語義

色彩語意庫