Seorang pembangun web telah mencipta eksperimen CSS yang inovatif yang dipanggil Drunk CSS yang sengaja menjadikan laman web lebih sukar digunakan dengan mensimulasikan cabaran visual dan motor yang mungkin dihadapi seseorang semasa dalam keadaan mabuk. Projek ini bertujuan untuk menonjolkan isu kebolehcapaian dan menggalakkan reka bentuk antara muka pengguna yang lebih baik.
Konsep ini dibina berdasarkan idea bahawa jika sesebuah laman web berfungsi dengan baik untuk pengguna yang terjejas, ia sepatutnya berfungsi dengan cemerlang untuk orang lain. Dengan menggunakan peraturan CSS yang khusus, mod mabuk mengubah mana-mana halaman web menjadi pengalaman yang mencabar dengan teks yang kabur, elemen yang berputar, pautan yang melantun, dan fon yang terdistorsi.
Pelaksanaan Teknikal Menimbulkan Persoalan Reka Bentuk
Pelaksanaan CSS menggunakan beberapa teknik bijak untuk mencipta pengalaman yang terjejas. Rendering fon menyasarkan aksara khusus menggunakan julat unicode, menjadikan vokal huruf kecil muncul dalam muka taip yang berbeza manakala yang lain menggunakan fon kursif. Elemen visual diputar dan dipincangkan secara rawak menggunakan pemilih nth-child, manakala keseluruhan halaman menerima penapis kabur dan ketepuan warna. Pautan menjadi hampir mustahil untuk diklik kerana ia melantun naik turun secara berterusan.
Walau bagaimanapun, maklum balas komuniti mendedahkan reaksi bercampur mengenai ketepatan simulasi ini. Ramai pengguna yang mempunyai pengalaman sebenar dengan kerosakan menunjukkan bahawa kesan visual tidak benar-benar mewakili cabaran kognitif yang terlibat. Simulasi ini memfokuskan terutamanya pada herotan visual berbanding isu membuat keputusan dan koordinasi yang lebih mencirikan kerosakan sebenar.
Teknik CSS yang Digunakan dalam Mod Mabuk:
- Manipulasi fon menggunakan julat unicode untuk huruf vokal kecil (U+61, U+65, U+69, U+6F, U+75)
- Putaran elemen menggunakan pemilih nth-child (corak 3n, 5n, 7n)
- Penapis visual: kabur 1px dan ketepuan warna 2.5x
- Pautan melantun beranimasi dengan tempoh 4 saat
- Gaya fon serong pada -12 darjah
- Saiz huruf pertama dikurangkan kepada 0.5em
Ujian Kebolehcapaian Mencetuskan Perdebatan Lebih Luas
Projek ini telah mencetuskan perbincangan mengenai kaedah ujian kebolehcapaian yang betul. Walaupun sesetengah pembangun memuji pendekatan kreatif untuk menonjolkan isu kebolehgunaan, yang lain berpendapat bahawa ujian kebolehcapaian yang autentik memerlukan kerjasama dengan orang yang benar-benar mengalami cabaran ini setiap hari.
Memakai sepasang Glaucoma Goggles akan memberi anda idea tentang bagaimana keadaan kerosakan penglihatan. Tetapi ia tidak akan memberi anda pengalaman hidup dengan cara itu selama berbulan-bulan atau bertahun-tahun.
Perbualan telah berkembang melampaui konsep asal untuk memasukkan perbincangan mengenai mereka bentuk untuk pengguna warga emas, orang dengan kerosakan kognitif, dan mereka yang mempunyai literasi teknikal yang terhad. Ahli komuniti mencadangkan bahawa prinsip pengguna mabuk harus digunakan secara lebih luas untuk mencipta antara muka yang berfungsi untuk pengguna yang tertekan, letih, atau terganggu dalam situasi dunia sebenar.
Kebimbangan Komuniti Mengenai Drunk CSS:
- Kesan visual tidak mewakili gangguan kognitif dengan tepat
- Pelaksanaan mudah alih menolak teks keluar dari skrin
- Penukar tema sukar diakses pada peranti mudah alih
- Simulasi memberi tumpuan kepada herotan visual berbanding cabaran membuat keputusan
- Mungkin tidak mencerminkan keperluan kebolehcapaian dunia sebenar
Pengalaman Mudah Alih Mendedahkan Cabaran Pelaksanaan
Pengguna yang menguji mod mabuk pada peranti mudah alih telah menghadapi masalah kebolehgunaan tambahan. Pemformatan teks condong menolak kandungan keluar dari skrin, menjadikannya tidak dapat dibaca langsung berbanding hanya sukar. Ini menonjolkan bagaimana ciri kebolehcapaian kadangkala boleh mencipta halangan baru apabila tidak dilaksanakan dengan betul merentas peranti dan saiz skrin yang berbeza.
Pengalaman mudah alih juga mendedahkan isu navigasi, dengan penukar tema sukar ditemui dan digunakan pada skrin yang lebih kecil. Masalah ini menunjukkan bagaimana pertimbangan kebolehcapaian mesti mengambil kira pelbagai kaedah interaksi dan batasan peranti.
Eksperimen Drunk CSS berjaya mencipta kesedaran mengenai cabaran kebolehcapaian, walaupun ia tidak mensimulasikan kerosakan sebenar dengan sempurna. Ia berfungsi sebagai titik permulaan untuk perbualan mengenai reka bentuk inklusif sambil menonjolkan kepentingan melibatkan orang dengan ketidakupayaan sebenar dalam proses ujian.
Rujukan: Drunk CSS