0Pricing
Web Accessibility Academy · Pelajaran

Gangguan Vestibular dan Risiko Parallax

Pahami mengapa gerakan besar dapat membahayakan sebagian pengguna.

Gangguan Vestibular dan Risiko Parallax adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.

Sistem Keseimbangan

Telinga bagian dalam Anda memiliki sistem keseimbangan yang disebut sistem vestibular. Saat sistem ini terganggu, gerakan biasa di layar dapat terasa sangat tidak semestinya. 🌀

Seperti Apa Gangguan Itu Terasa

Gangguan vestibular dapat mengubah animasi bergulir menjadi pusing, mual, atau sakit kepala yang terus terasa lama setelah Anda mengalihkan pandangan.

Lebih Umum daripada yang Anda Kira

Jutaan orang dewasa hidup dengan kondisi vestibular. Mereka secara diam-diam menjadi bagian dari audiens setiap situs yang Anda buat.

Paralaks adalah Pemicu Utama

Dalam pengguliran paralaks, lapisan-lapisan bergerak dengan kecepatan berbeda. Ketidakselarasan itu persis jenis gerakan yang bertentangan dan dapat mengganggu telinga bagian dalam.

Gerakan Besar adalah Masalahnya

Masalahnya adalah skala. Sapuan, pembesaran, dan geseran layar penuh yang besar menyebabkan jauh lebih banyak ketidaknyamanan daripada fade kecil yang singkat.

Kecepatan dan Jarak Saling Menambah

Gerakan cepat melintasi jarak yang jauh paling terasa dampaknya. Gerakan lambat dan pendek lebih lembut bagi sistem vestibular yang sensitif.

Putar Otomatis Menghilangkan Persetujuan

Gerakan yang tidak dimulai oleh pengguna lebih buruk. Latar belakang yang diputar otomatis dan video berulang tidak memberikan peringatan maupun kesempatan untuk bersiap.

Hormati Preferensi

Batasi efek berisiko dengan kueri gerakan. Saat pengguna meminta pengurangan gerakan, hapus paralaks sepenuhnya.

@media (prefers-reduced-motion: reduce) {
  .parallax-layer { transform: none !important; }
}

Sediakan Cadangan yang Tenang

Ganti adegan bergerak dengan gambar diam atau fade sederhana. Ceritanya tetap tersampaikan tanpa sensasi berputar.

Uji dengan Gerakan Nonaktif

Aktifkan reduce motion pada OS Anda sendiri dan jelajahi situs tersebut. Jika masih ada sesuatu yang bergerak secara dramatis, masih ada pekerjaan yang harus dilakukan.

Percayai Laporan Pengguna

Anda mungkin merasa baik-baik saja saat melihat efeknya, tetapi pengguna yang sensitif belum tentu. Selalu percayai umpan balik mereka daripada kenyamanan Anda sendiri.

Pemeriksaan Singkat

Teknik animasi mana yang merupakan pemicu vestibular klasik?

Rangkuman

Sistem vestibular tidak menyukai gerakan besar, cepat, dan bertentangan seperti paralaks. Perkecil, perlambat, dan hapus saat pengguna mengurangi gerakan. ✅

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Gangguan Vestibular dan Risiko Parallax” gratis?

Ya — teks lengkap “Gangguan Vestibular dan Risiko Parallax” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Gangguan Vestibular dan Risiko Parallax”?

Pahami mengapa gerakan besar dapat membahayakan sebagian pengguna. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?

Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “Gangguan Vestibular dan Risiko Parallax” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?

Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. prefers-reduced-motion dalam CSS dan JS
  2. Gangguan Vestibular dan Risiko Parallax
  3. Ambang Tiga Kilatan untuk Kejang
  4. Jeda, Hentikan, Sembunyikan untuk Konten yang Bergerak Otomatis
← Kembali ke Web Accessibility Academy