Mode Gelap Template Blogger: Bedakan Otomatis dan Manual

Ilustrasi AI tentang pilihan tampilan terang dan gelap; bukan tangkapan layar atau hasil pengujian template.

Mode gelap template Blogger sebaiknya dipilih berdasarkan cara pembaca mengendalikan tampilannya: mengikuti perangkat, memakai tombol, atau menggabungkan keduanya. Saat meninjau katalog di temablogger.com, jangan berhenti pada gambar halaman berlatar gelap. Pastikan Anda memahami keadaan awal, cara mengganti pilihan, dan apa yang terjadi saat pembaca kembali.

Otomatis dan manual dapat hadir dalam satu tema. Persoalan praktisnya ialah pilihan mana yang berlaku ketika keduanya berbeda. Panduan ini menjelaskan kebutuhan tersebut melalui skenario pemeriksaan, bukan laporan pengujian produk. Pembahasannya memakai dokumentasi web serta keterangan produk yang tersedia; perilaku tema tetap perlu dicoba pada demo yang bersangkutan.

Bedakan preferensi perangkat dari tombol di halaman

Preferensi perangkat berasal dari pengaturan sistem operasi atau browser yang meminta tampilan terang atau gelap. Menurut dokumentasi MDN tentang prefers-color-scheme, halaman web dapat mendeteksi permintaan itu melalui fitur media CSS. Namun, adanya pengaturan gelap pada ponsel tidak membuktikan setiap template akan mengikutinya. Tema perlu menyiapkan tampilan yang sesuai.

Tombol di situs menawarkan pilihan di dalam halaman. Pembaca mungkin memilih tampilan terang meskipun perangkatnya gelap. Agar kebutuhan ini jelas sebelum membeli, tulis perilaku yang Anda harapkan: pengunjung baru mengikuti perangkat, sedangkan pilihan manual berlaku setelah tombol digunakan. Ini contoh aturan yang dapat diminta, bukan perilaku wajib semua template.

Jika keduanya disediakan, perhatikan cara kembali ke pengaturan otomatis. Tombol dua keadaan hanya menunjukkan terang dan gelap; belum tentu mempunyai pilihan mengikuti sistem. Tiga pilihan bernama Terang, Gelap, dan Otomatis lebih mudah dijelaskan sebagai kebutuhan, tetapi bentuk kontrol serta dukungannya harus dikonfirmasi pada tema.

Latar gelap bukan seluruh sistem tampilan

MDN juga membedakan fitur pendeteksi preferensi dari properti color-scheme. Properti tersebut memberi tahu browser skema warna yang dapat digunakan untuk bagian bawaan, seperti kontrol formulir dan bilah gulir. Warna komponen buatan tema tetap perlu ditangani. Karena itu, halaman yang sudah gelap belum membuktikan kotak pencarian, menu, atau komentar akan tampil selaras.

Jalankan satu alur dengan enam keadaan

Gunakan satu artikel demo yang sama agar perubahan isi tidak mengganggu pengamatan. Catat alamat, browser, perangkat, preferensi sistem, serta apakah sebelumnya Anda pernah menekan tombol tema. Bila ingin memeriksa kunjungan pertama, gunakan lingkungan percobaan yang belum menyimpan pilihan situs tersebut. Jangan menghapus seluruh data browser hanya untuk menjalankan pemeriksaan.

Contoh berikut memakai pembaca fiktif bernama Nara. Ia ingin situs mengikuti perangkat ketika belum memilih, lalu menghormati pilihan manual sampai ia kembali ke otomatis. Harapan itu menjadi bahan pembicaraan dengan penyedia, bukan hasil yang sudah ditemukan pada suatu produk.

1. Belum memilih, perangkat terang. Nara membuka artikel dan mencatat tampilan awal serta nama kontrol yang tersedia. Ia tidak menyimpulkan dukungan otomatis hanya karena halaman kebetulan terang.
2. Belum memilih, perangkat gelap. Ulangi dari lingkungan tanpa pilihan tersimpan. Perubahan ini memisahkan tampilan awal yang tetap dari tampilan yang benar-benar mengikuti preferensi perangkat.
3. Preferensi perangkat berubah ketika halaman terbuka. Catat apakah halaman menyesuaikan langsung atau baru berubah sesudah dimuat ulang. Cocokkan hasil dengan perilaku yang dijelaskan penyedia.
4. Pilihan manual berbeda dari perangkat. Saat perangkat gelap, Nara memilih terang melalui kontrol situs. Ia memeriksa apakah pilihan itu benar-benar berlaku dan bisa diubah kembali.
5. Berpindah halaman dan kembali. Nara membuka artikel lain, memuat ulang, lalu mengunjungi situs kembali pada browser yang sama. Ia mencatat apakah pilihan manual bertahan pada masing-masing langkah.
6. Kembali mengikuti perangkat. Jika ada pilihan Otomatis, Nara mengaktifkannya dan mengubah preferensi perangkat lagi. Bila pilihan tersebut tidak tersedia, ia menanyakan cara mengembalikan perilaku awal.

Jangan menggabungkan semua hasil menjadi pernyataan “mode gelap bekerja”. Misalnya, tampilan yang kembali ke keadaan awal setelah muat ulang dapat berarti pilihan tidak disimpan, tersimpan hanya selama kunjungan, atau ada aturan lain yang belum diketahui. Laporkan urutannya: “perangkat gelap, memilih terang, membuka artikel kedua, tampil gelap lagi”. Urutan yang dapat diulang memberi penyedia masalah yang lebih jelas untuk diperiksa.

Periksa isi pada kedua tampilan, lalu tentukan batasnya

Sesudah alur pilihan dipahami, lihat komponen yang memang dipakai blog Anda: paragraf, tautan, caption, tabel, kolom pencarian, dan formulir komentar. Logo atau diagram berlatar transparan juga perlu dibuka pada dua tampilan. Tujuannya menemukan informasi yang menghilang atau sulit dibedakan ketika latar berubah, bukan sekadar menyamakan warna seluruh gambar.

Untuk teks isi biasa, penjelasan WCAG tentang kontras minimum memuat rasio setidaknya 4,5:1; teks besar mempunyai ketentuan berbeda. Periksa warna teks dan latar yang benar-benar digunakan pada setiap tampilan. Penilaian dengan mata saja tidak menghasilkan angka kontras, dan satu pasangan warna yang memenuhi rasio tidak membuktikan seluruh tema memenuhi aksesibilitas.

Pisahkan juga pilihan situs dari perubahan yang dibuat ekstensi atau pengaturan pemaksaan warna di browser. Catat bila alat semacam itu aktif karena hasilnya dapat berbeda dari tampilan bawaan tema. Anda membutuhkan penjelasan tentang pilihan yang disediakan produk, bukan menyimpulkan fiturnya dari perubahan oleh alat lain.

Contoh opsi yang mempunyai keterangan produk

Halaman produk SaeTech mencantumkan mode terang dan gelap serta menyatakan bahwa preferensi tampilan disimpan pada perangkat pembaca. SaeTech layak masuk daftar pertimbangan jika kebutuhan Anda mencakup pilihan tampilan yang diingat. Keterangan ini merupakan informasi produk, bukan hasil uji enam keadaan di atas.

Keterangan tersebut belum menjelaskan seluruh aturan prioritas dengan preferensi sistem, cara kembali ke otomatis, atau jangkauan penyimpanannya. Jangan mengartikannya sebagai sinkronisasi akun dan pilihan yang otomatis sama pada perangkat lain. Harga tidak digunakan sebagai dasar pembahasan ini; cocokkan paket, lisensi, serta bantuan yang diperlukan pada halaman aktual sebelum memutuskan.

Kirim kebutuhan dalam kalimat yang dapat diperiksa melalui kontak TemaBlogger, misalnya: “Kami ingin pengunjung baru mengikuti perangkat, pilihan manual bertahan ketika berpindah artikel, dan tersedia cara kembali ke otomatis. Apakah versi yang ditawarkan mendukung alur ini?” Pilih tema setelah jawaban dan demo cukup menjelaskan perilaku yang Anda perlukan. Mode gelap menjadi berguna ketika pembaca memahami serta dapat mengendalikan pilihannya.