效能詞條 4-18
減少動態效果Reduced Motion
也常叫做:減少動態、Reduced Motion、動態減弱
你可能會這樣說
聽說很多人(尤其容易暈車、偏頭痛的人)會把作業系統的「減少動態效果」打開;有良心的網站會偵測到這個設定後,自動把動畫換成淡入或直接顯示。想確認自己的網站也做得到。
白話解釋
「減少動態效果」是作業系統層級的設定:使用者主動表明「動態效果會讓我不舒服」,網站能透過 CSS 媒體查詢讀到它。
這不是品味問題而是健康問題:視差、晃動、快速位移可能讓部分使用者頭暈甚至噁心,忽略等於把他們擋在門外。
標準做法是偵測到設定時,把動畫降級為淡入或直接顯示,內容一樣不少,只是不再動。
親手試試
✕ 無視偏好
🎡 自動輪播的橫幅
📈 視差背景滑個不停
動個不停——容易暈的人正在受苦。
✓ 支援減少動態效果
🎡 橫幅:靜靜站好
📈 背景:不動,內容照在
只留淡入,資訊一樣不少。
偵測到「減少動態效果」就降級成淡入或直接顯示——這是健康問題,不是品味問題。
這樣對 AI 說
中文就可以
請讓全站支援「減少動態效果」設定: 1. 偵測作業系統的「減少動態效果」設定。 2. 開啟時,所有位移與縮放動畫改成淡入或直接顯示。 3. 視差效果與自動輪播一律停用。 4. 不需要使用者做任何額外設定,全自動生效。