CatatanTerbit: 1 menit bacaContoh
Catatan belajar: apa yang seharusnya dimatikan oleh reduced motion
Reduced motion bukan berarti 'tanpa transisi sama sekali'. Daftar singkat tentang apa yang dibuang dan apa yang dipertahankan.
prefers-reduced-motion: reduce meminta gerakan yang lebih sedikit, bukan antarmuka yang rusak. Perubahan keadaan tetap perlu terlihat; hanya saja tidak perlu melintasi layar.
- Buang: animasi masuk, parallax, loop otomatis, geseran dan zoom besar.
- Pertahankan: perubahan warna dan opasitas yang mengonfirmasi aksi, garis fokus, lompatan gulir instan.
- Periksa: smooth scrolling, yang juga gerakan dan sebaiknya menjadi instan.
Di jurnal ini, animasi orbit di bagian hero adalah satu-satunya gerakan yang berjalan sendiri, dan animasi itu dihilangkan sepenuhnya saat reduced motion diminta.