無障礙動畫 - 在瀏覽器中設計

歡迎來到我們的主人 Una Kravets 的「Designing in the Browsering」(瀏覽器設計中) 部分，互動觸控在數位環境中非常適合讓使用者理解，但也可能讓部分使用者感到不快且不悅，導致這種情況，

現在就來談談我們如何避免這個情況，以及如何加入可愛的 SVG 和按鈕懸停元素，同時確保使用者在瀏覽大量動畫時，能夠感到不悅，還能讓你的網站盡情觀賞。我們會示範如何使用「偏好減速」媒體查詢，逐步改善網站的動畫效果，並示範如何建立簡單的「減少動畫」切換鈕。

連結：

• 媒體查詢 5 → https://goo.gle/2RVQxLw
• 基本卡片翻轉示範 → https://goo.gle/3mSd1vf
• Preference Reduced Motion Demo →https://goo.gle/2G9hgl8
• 減少動作核取方塊示範 → https://goo.gle/306S1XM

在瀏覽器中設計 → https://goo.gle/2NeLxjI

訂閱 Chrome 開發人員 → https://goo.gle/ChromeDevs

arrow_back 返回所有集數