WCAG 2.2 AA
輔助使用
在 App 裡
VoiceOver
每張貼紙都會讀出它是什麼、在卡片上的位置,並提供 11 個動作來移動、調整大小、旋轉和排列。
動態字體
文字可以放大到輔助使用最大字級(AX5);工具列會切換成圖示,並提供大型內容檢視器。
減少動態效果
移除彈跳和傾斜效果。啟動畫面點一下就能跳過。
色盲友善
狀態絕不只靠顏色區分,配色也針對紅色盲、綠色盲和藍色盲測試過。
每個手勢都有按鈕
「調整」面板可以用按鈕移動、縮放和旋轉,「貼到卡片上」則取代撕下貼紙的手勢。
經過檢測
每個畫面都在 iPhone、iPad Pro 和 iPad mini 上跑過 Xcode 的輔助使用檢測。
在本網站
- 使用語意化 HTML,有地標區域、跳至內容的連結,每頁只有一套標題層級。
- 文字對比至少 4.5:1;粉彩色只用在背景,絕不用在文字上。
- 所有動畫都會遵循「減少動態效果」,重要內容都不依賴滑鼠懸停。
- 所有功能都能用鍵盤操作,並有清楚可見的焦點框。
- 每次發佈前,每個頁面都會自動跑 axe 檢測。
遇到使用上的障礙嗎?寫信告訴我們,我們會修好它。 contact@mallow.pics