Les pèlerins au-dessus des nuages

Sebagaimana yang mungkin Anda tahu, blog saya (untuk saat ini) sudah “melanggar” setidaknya dua anjuran keterbacaan (readability) untuk sebuah situs web. Pertama adalah penggunaan teks imbangan  (justified text), yang bisa mengganggu pembaca dengan disabilitas/hendaya kognitif sebagaimana yang ditulis secara singkat di “Konten Web Sebaiknya Tidak Menggunakan Justified Text”. Dan yang kedua adalah penggunaan latar gelap untuk sebuah situs web yang bisa mengganggu, bukan hanya untuk mereka dengan disleksi, namun juga pembaca secara umumnya, merujuk kembali pada tulisan “Web Readability on Dark Background” dan sumber-sumber yang disitasikan.

Saya bukannya tidak menyukai teks imbangan dibandingkan dengan standar teks rata kanan yang banyak digunakan dipelbagai situs formal – bahkan juga digunakan dalam penulisan laporan formal. Yang banyak diteliti, jika saya tidak keliru, adalah penggunaan justified text pada latar terang/cerah, bagaimana dengan justified text pada latar gelap? Apakah efek rivers of white yang ada di latar terang/cerah akan menjadi rivers of black? Ah…, apakah bisa dua sisi negatif ini bertemu dan menjadi sisi yang positif seperti dalam perkalian matematika? Entahlah, namun rasanya saya tidak ingin berkompromi atau pun tidak ingin berasumsi tanpa dasar.

Untuk isu dengan teks imbangan, saya mencoba cara lama yang saya gunakan ketika saya masih bergelut bersama mesin tik (mesin ketik/typewriter) di saat saya masih SMP dan SMA dulu. Efek rivers of white terjadi karena ruang/spasi antar kata melebar sesuka hati pada penggunaan teks imbangan di latar terang. Sedangkan pada teks rata kanan, rata kiri dan tengah tidak memiliki efek ini karena relatif spasi antar kata memiliki jarak monoton.

Juga karena saya belum menemukan cara paling akurat untuk menghadirkan jarak monoton pada spasi antar kata, maka saya memutuskan cara klasik penggunaan tanda sambung “ – “ atau yang disebut hyphenation. Beberapa kata diakhir baris yang terlalu panjang akan dipenggal dengan tanda sembung sesuai dengan suku katanya.

Misalnya kata “sambungan” bisa dipenggal menjadi “sam-bungan” penggelan pertama akan berada di akhir baris di mana kata itu aslinya berada, dan penggalan kedua akan berada di awal baris berikutnya. Cara ini mungkin tidak sempurna, namun setidaknya dapat mengurangi lebar spasi antar kata di barisnya.

Hal ini tidak saya lakukan secara manual, karena akan terjadi banyak pemenggalan yang tidak sesuai jika dibaca dengan peramban atau pun sistem yang berbeda, baik di teks asli, peramban ponsel, atau pun di pemasok RSS. Jadi untuk di blog ini, saya menggunakan bantuan pengaya “Wp-Typography” untuk melakukan hyphenation.

Adapun setelan yang saya gunakan untuk penempatan hyphenation adalah tidak memenggal kata yang kurang dari 5 huruf, sediakan setidaknya 3 huruf di awal penggalan atau setidaknya 2 huruf di akhir penggalan dengan mengacu pada ejaan Bahasa Indonesia. Saya tidak melakukan pemenggalan pada eleman <hx>heading</hx>, tidak juga untuk kata (termasuk singkatan) yang menggunakan huruf kapital seluruhnya, walau saya memberikan pemenggalan kata yang diawali huruf kapital.

Saya tidak menjamin hyphenation menyelesaikan permasalahan dengan teks imbangan, namun ini yang sementara dapat saya kerjakan. Jika Anda memiliki masukkan, silakan disampaikan 🙂 – hyphenation juga bisa digunakan pada teks rata kanan ataupun kiri, namun rasanya kurang cocok untuk teks tengah.

Untuk latar gelap saya belum memiliki solusi yang baik. Well, ini masalah selera bukan? Mungkin pembaca bisa menggunakan Safari Reader atau RSS Reader pun RSS Mail untuk membaca blog ini di latar putih, pengguna peramban Firefox dapat memanfaatkan ekstensi Readability untuk fungsi serupa.

Artikel Baru Terbit

Commenting 101: “Be kind, and respect each other” // Bersikaplah baik, dan saling menghormati (Indonesian) // Soyez gentils et respectez-vous les uns les autres (French) // Sean amables y respétense mutuamente (Spanish) // 待人友善,互相尊重 (Chinese) // كونوا لطفاء واحترموا بعضكم البعض (Arabic) // Будьте добры и уважайте друг друга (Russian) // Seid freundlich und respektiert einander (German) // 親切にし、お互いを尊重し合いましょう (Japanese) // दयालु बनें, और एक दूसरे का सम्मान करें (Hindi) // Siate gentili e rispettatevi a vicenda (Italian)

28 tanggapan

  1. Avatar Agung Pushandaka
    Agung Pushandaka

    Wah, setelah membaca tulisan anda, saya jadi malah mencari-cari river di blog saya, bukannya membaca tulisannya. Hehe!

    Tapi menurut saya, kalau kita memperhatikan tulisannya, saya rasa rivers of white itu ndak "muncul".

    Saya memilih rata kanan-kiri karena lebih rapi saja. Saya baru tau tentang penelitian ini. Thanks infonya.

  2. Avatar hanifmahaldi
    hanifmahaldi

    wah2, sangat tekhnis sekali mas… jujur kalau saya sih bukan masalah tulisan atau textnya, tapi lebih kepada backgroundnya dominan ke warna abu2 gelap yg menyulitkan saya membaca terlalu lama… hehe,

  3. Avatar ismi
    ismi

    salam kenal Pak 😉

  4. Avatar zee

    Memang justified text itu harus sesuai juga dengan theme webnya ya. Kalau lebar kolom pas alias gak lebar2 amat, rasanya masih aman pake justified.
    Kalau saya jelas suka pake justified. Saya suka dgn yg teratur dan rapi, sehingga saat dilihat sepintas ataupun saat dibaca, msh ada estetikanya… itu menurut saya sih.

  5. Avatar agung

    Komentar pertama saya diatas menggunakan default-nya peramban ponsel Sony Ericsson saya, jika menggunakan Opera Mini yang terbaca <code>Opera Mini 5.0.19693 on J2ME/MIDP Device</code> dan menyetel tidak full site kayaknya latar masih terasa putih.

    Kalau menggunakan setelan full site (situs penuh) dan fitur gambar di aktifkan, semua akan terbaca seperti menggunakan layar monitor komputer tapi sayang pulsa Simpati saya pasti akan boros 🙂

    Saya ndak tahu Opera Mobile versi 10 bisa dipasang di ponsel jadul saya ini 🙂

  6. Avatar PF
    PF

    Penggalannya nggak bisa auto Mas Cahya ? biasanya dengan justify, penggalan tidak terputus ditengah kata, umumnya antar kata, terkecuali kata bersambung dink 😀

  7. Avatar Fiya

    Soal latarnya yang gelap..

    gak masalah kok mas..

    masih enak dibaca..

  8. Avatar iskandaria
    iskandaria

    Wah, kenapa tautan menuju plugin (pengayanya) tidak disertakan saja mas? Tapi saya tentu saja tidak membutuhkan pengaya untuk memberi penggalan tersebut. Wong perataan blog saya pakai left align kok 🙂

    Soal latar gelap konten blog ini, saya sama sekali tidak merasa bermasalah kok. Malah sangat nyaman ketika saya buka via ubuntu. So, ga ada masalah dengan latar gelap di blog ini. Lagian, warna latarnya tidak hitam pekat kan? Jadi kontrasnya sudah pas nih. Sebab teks putih di atas latar hitam pekat (#000) itu terlalu kontras 🙂

  9. Avatar Pandu

    Pak dr. saya tidak komentar dengan tampilan jenis blognya bagaimana, itu kan sesuai selera yang mempunyai rumah, yang penting saya merasa nyaman untuk bertamu.

    Mengenai penggalan, tidak terpikir sama sekali kalau pak dr. bisa menciptakannya walau menggunakan "justify", itu merupakan sebuah maha karya, salut!!

  10. Avatar Cahya

    @Bli Dani,

    Penggalan memang ada yang kurang tepat, saya sebenarnya agak khawatir dengan penggunaan penggalan untuk penyandang disabilitas kognitif. Kira-kira ada pengaruhnya ndak ya Bli?

    Yah, untuk itu sudah ada banyak narablog lain yang memberikan edukasi, saya sih tinggal lempar bola panas saja nanti kalau ada yang tanya 😆 (siap-siap ya Bli).

    @Bli Wira,

    Kalau sudah pakai rata kiri (align: left) biasanya sih ndak akan timbul masalah seperti ini 🙂

    @Mas Agung,

    Coba diganti dengan Opera Mobile versi 10 🙂

    @Pak Aldy,

    Wah, saya ndak bisa olahraga yang satu itu Pak (re: bela diri) 😀

    Saya biasanya baca via RSS reader Pak, kalau mau memberi tanggapan baru saya kunjungi blognya 🙂

    Alasan saya memberi hyphenation ya seperti tertulis di atas, tidak tahu kalau yang lain ya…

    @Satu Kata,

    Opera Mini akan membuka blog ini via tema Carrington Mobile, saya belum mencoba melihatnya, sedangkan kalau pakai Opera Mobile akan dibuka dengan tema The Erudite – terlihat sama dengan peramban Opera untuk PC. Saya belum lihat bagaimana efeknya untuk tema Carrington.

    @Asepsaiba,

    Yah, saya belum mengecek sampai dengan IEMobile, apa akan memperlihatkan Carrington atau The Erudite, karena lebih baik dilihat di Carrington jika menggunakan ponsel.

    Terima kasih untuk masukkannya Mas 🙂

    @Mbak Isnuansa,

    Ya sebagian besar memang masalah selera. Kalau di internet disebut sebagai "dark lovers" – para pecinta kegelapan 😆

    Saya tidak memiliki argumentasi seperti Mas Is, tapi saya suka memang latar hitam. Coba nanti saya buat tulisan khusus untuk itu ya Mbak 🙂

Tinggalkan Balasan