Tolong Jangan Paksa Penggunaan Mode Gelap

• Tolong jangan paksa mode gelap

  • Ini adalah permintaan kepada para desainer situs web agar tidak memaksakan mode gelap kepada pengguna.
  • Jika mode gelap adalah ciri khas merek, sebaiknya pilih rasio kontras teks yang nyaman.
  • Banyak situs web dirancang hanya dengan mode gelap sehingga sering kali sulit dibaca.

• Mataku! Mataku! 😵‍💫

  • Membaca dalam mode gelap membebani mata, dan bahkan setelah selesai membaca pun masih meninggalkan afterimage visual.
  • Setelah membaca tulisan panjang, ada ketidaknyamanan seperti terlihat garis-garis horizontal.

• Apa sebenarnya masalah dengan mode gelap?

  • Masalah sebenarnya pada mode gelap adalah rasio kontras antara teks dan latar belakang.
  • Rasio kontras antara teks putih murni dan latar belakang hitam adalah 21:1, yang membebani mata.
  • Sebaliknya, teks abu-abu terang dengan latar belakang abu-abu gelap terasa nyaman di mata, dengan rasio kontras 4.34:1.

• Apakah tidak ada panduan untuk hal ini?

  • Pedoman Aksesibilitas Konten Web (WCAG) 2.1 merekomendasikan rasio kontras minimum 4.5:1 untuk teks biasa, tetapi tidak ada panduan tentang rasio maksimum.
  • Saat ini belum ada standar atau pedoman mengenai rasio kontras tinggi dalam mode gelap.
  • WCAG 3.0 yang akan datang menambahkan persyaratan eksplorasi baru tentang "kontras teks maksimum", dan diharapkan dapat mengatasi masalah rasio kontras tinggi pada mode gelap.

• Saat menikmati mode gelap

  • Mode gelap disukai saat membaca di ruangan gelap pada layar OLED, terutama ketika membaca di ponsel sebelum tidur.
  • Sebagian besar IDE secara default memiliki mode gelap dengan rasio kontras yang nyaman.
  • Mode gelap dinikmati ketika situs web menyediakan rasio kontras yang nyaman dalam mode gelap.

• Catatan: Tulisan ini memicu diskusi yang aktif dan penuh wawasan di Hacker News, membahas beragam sudut pandang, pengalaman pribadi, dan isu aksesibilitas. Untuk memahami nuansa topik ini sepenuhnya, jangan lewatkan sudut pandang berharga yang dibagikan di thread Hacker News.

[GN⁺]

Opini Hacker News

• Layar komputer awal menggunakan teks terang di atas latar gelap. Saat Microsoft Windows beralih ke teks hitam di atas latar putih, itu terasa tidak nyaman. Senang melihat kebangkitan dark mode, dan juga perlu ada opsi light mode yang tidak terlalu terang

• Jika sebuah situs web hanya menyediakan dark mode, itulah tema situs tersebut. Dark mode hanya bisa ada jika ada light mode. Seharusnya tidak perlu dipaksa untuk mempertahankan keduanya

• Light mode yang tidak bisa dijadikan pengaturan default sudah berlangsung lama. Dark mode hanya lebih baik ketika layar menjadi satu-satunya sumber cahaya di ruangan gelap. Dark mode hanyalah solusi sementara, dan light mode sulit dibaca di lingkungan terang

• Ada blog tertentu yang memaksa light mode sambil mengabaikan pengaturan perangkat. Masalahnya bukan dark mode, melainkan kontras warna

• Jangan memaksakan rasio kontras yang rendah. Tidak semua pengguna melihat konten di lingkungan terang. Rentang warna SDR perlu dimanfaatkan

• Saya ingin situs web menghormati pengaturan pengguna di sistem. Browser memberi terlalu banyak kendali kepada pengembang. Pengaturan pengguna harus diprioritaskan

• Banyak pengembang web menetapkan dark mode sebagai default dan mengabaikan preferensi pengguna. Properti CSS color-scheme dapat digunakan untuk menunjukkan skema warna apa yang dapat dipakai untuk merender elemen

• Sebagai pengguna macOS, saya mencampur penggunaan dark mode dan light mode sesuai situasi. Tema dapat diubah melalui pengaturan sistem

• Contoh "teks yang mudah dibaca" di blog itu justru sulit dibaca. Penyebabnya adalah kontras yang rendah

• Secara pribadi saya lebih suka light mode, tetapi di IDE atau terminal saya mengatur kecerahan ke maksimum saat memakai tema gelap. Dark mode lebih membebani mata dan membuat lebih sulit fokus

• API web dapat digunakan untuk memeriksa apakah pengguna memakai dark mode. @media (prefers-color-scheme: dark) dapat digunakan untuk menerapkan aturan CSS tertentu