您是否曾搭乘汽車、船隻或飛機，並且突然感到世界旋轉？還是曾經對手機或平板電腦上的動畫 造成你「帶來歡笑」等，卻突然讓你感到不舒服嗎？還是您一直以來對各種動作都很敏感？這些是不同類型的遊離失調的例子。
到了 40 歲，超過 35% 的成年人都會遇到某種心臟障礙的情況。這可能會導致短暫的錯字、偏頭痛的陰道或永久背心障礙。
除了觸發頂點外，許多人也會發現，在移動、眨眼或捲動瀏覽內容時，會讓使用者分心。動畫元素一開始可能會忘記使用 ADHD 和其他注意力障礙，導致他們忘記前往網站或應用程式的原因。
在本單元中，我們會介紹一些方式，協助各類型運動觸發失調的使用者提供更完善的支援。
刷新及移動內容
建立動畫和動態時，應自問元素的變動是否過多。舉例來說，螢幕的顏色無論是由黑暗到淺色，或是螢幕上快速移動，都可能造成光敏感性癲癇症患者感到癲癇發作。根據估計，3% 患有癲癇的患有光敏性，在女性和年輕族群中較為常見。
WCAG 的刷新指南建議下列規範：
- 在任何一秒內閃爍三次超過三次
- 閃爍低於一般閃光燈和紅色閃光燈門檻。
這些閃爍效果基本上會導致網頁無法使用，甚至甚至會造成疾病。
無論動作的極端運動，請務必使用光敏感性蒸發分析工具 (PEAT) 進行測試。PEAT 是一項免費工具，可判斷螢幕的內容、影片或動畫是否會產生癲癇。並非所有內容都必須經過 PEAT 評估，但為確保安全，如果內容在淺色和深色背景顏色之間閃爍或快速轉換，則應評估。
還有一個關於動畫和動態效果的問題，就是元素移動對於瞭解螢幕上的內容或動作有其必要性。如果這不是必要步驟，請考慮移除您製作或設計元素中的所有移動元素 (即使是微小移動)。
假設您認為該元素的移動作業並不重要，但可以改善使用者的整體體驗，或是基於其他原因無法移除這項移動動作。在這種情況下，您應遵循 WCAG 的動態規範。指南說明必須建構一個選項，讓使用者能夠暫停、停止或隱藏移動位置：非必需移動、閃爍或捲動元素會自動開始、持續超過五秒，並屬於其他頁面元素。
暫停、停止或隱藏動作
在網頁中加入暫停、停止或隱藏機制，讓使用者可以關閉可能有問題的動態動畫。您可以在畫面層級或元素層級執行這項操作。
舉例來說，假設數位產品包含大量動畫。建議您新增可存取的 JavaScript 切換鈕，讓使用者能控管自己的體驗。當按鈕切換為「關閉動態模式」時，所有動畫都會凍結螢幕上，所有其他動畫。
使用媒體查詢
除了挑選動畫外，讓使用者也能選擇暫停、停止、隱藏動作和避免無限循環播放，也可以考慮新增以動作為主的媒體查詢。這可讓使用者在決定畫面顯示的內容時，擁有更多選擇。
@prefers-reduced-motion
與色彩模組中的以色彩為主的媒體查詢相似，@prefers-reduced-motion 媒體查詢會檢查與動畫相關的使用者的 OS 設定。
使用者可以調整顯示偏好設定來減少動作。這些設定會因作業系統而異，且可能會有正面或負面的框架。您可以使用 @prefers-reduced-motion 設計遵循這些偏好的網站。
在 macOS 和 Android 上，使用者會開啟這項設定以減少動作。在 macOS 上，使用者可以依序前往「設定」>「無障礙設定」>「顯示」設定「縮減動作」。Android 設定為「移除動畫」。在 Windows 中，設定則相反，「Show animation」就是預設開啟的。使用者必須關閉這項設定才能減少動作。
或者如下一組範例所示，您可以編寫所有動畫，讓所有動畫在五秒內停止移動，而不必使用無限迴圈。
漸進增強運動能力
身為設計人員和開發人員，我們提供多種選擇，包括預設動作狀態以及要顯示的運動量。接著再來看看最後一個運動範例。
假設我們認為動畫不需要瞭解螢幕上的內容。在這種情況下，我們可以選擇將預設狀態設為縮小的動態動畫，而非完整的動作版本。除非使用者特別要求使用動畫，否則動畫會關閉。
我們無法預測何種動作水平會對癲癇、有心臟病和其他視覺障礙患者造成問題。即便螢幕上只有少量動作，也可能造成暈眩、模糊或視力惡化。因此，在以下範例中，我們預設為不顯示動畫。
分層媒體查詢
您可使用多重媒體查詢，為使用者提供更多選擇。讓我們同時使用 @prefers-color-scheme、@prefers-contrast 和 @prefers-reduced-motion。
允許使用者選擇
雖然在我們的數位產品中建立動畫效果 藉此讓使用者感到開心，但請務必記得有些人會受到這些設計的影響。動作靈敏度會影響任何人，包括感到輕微不適、造成不適疾病或癲癇發作等。
您可以使用多種不同的工具，讓使用者決定最適合自己的工具，而不是猜測多少動作過於龐大。舉例來說，您可以在網站或網頁應用程式中新增切換按鈕，藉此開啟或關閉動畫。建議將此切換鈕預設為「關閉」。
隨堂測驗
測驗您對於動作和動畫是否無障礙功能的相關知識。
我們可以建立哪些版本來反映運動作業系統的設定？
@prefers-reduced-motion