Langsung ke konten
FM Journal
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.

Ilustrasi: lingkaran yang terbagi menjadi separuh terang dan separuh gelap, dilintasi orbit, dengan matahari di satu sisi dan bulan sabit di sisi lain.
ArtikelTerbit: 2 menit bacaContoh

Merancang tema terang dan gelap dengan sengaja

Tema gelap bukan tema terang yang dibalik. Catatan tentang memilih dua palet, memeriksa kontras, dan menjaga tampilan pertama tetap pada warna yang benar.