Konten Web sebaiknya tidak Memakai Justified Text
May 2, 2009 – 03:57 by Dani Iswara. Words count: 166.Pada tulisan sebelumnya, Teknik Penyajian Blok Teks, direkomendasikan untuk tidak memakai justified text (blok teks rata tepi kanan-kiri).
Menurut rekomendasi W3C-WCAG 2.0, teks ‘justified’ menyebabkan tulisan sulit terbaca. Terutama bagi orang dengan gangguan pengetahuan hendaya/disfungsi kognitif (‘cognitive disabilities’)–terima kasih untuk Cahya Legawa atas koreksinya. 
Mereka menangkap kesan adanya ruang putih berkelok (di tiap antar kata) pada halaman web jika margin diatur rata pada kanan-kiri tepinya. Kesan itu sering disebut sebagai rivers of white.
Sehingga dianjurkan untuk menghindari pemakaian blok teks ‘justified’ pada kolom web yang lebar dan panjang.
Lalu untuk apa text-align="justify" ada?
Beberapa pendapat dari sudut pandang estetika menyatakan, blok teks ‘justified’ cocok digunakan pada:
- halaman web yang lebih formal,
- kolom web yang lebih sempit,
- blok teks yang tidak terlalu panjang dan monoton (misalnya disertai
h2-h6), serta jelas pemisahan paragrafnya, - media versi cetak.
Contoh ‘justified text’ bisa dilihat di Lorem ipsum – All the facts.
Bacaan:
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com or use contact form.Last updated: Thursday, November 5, 2009 at 22:44
Comment by Uchan on May 6, 2009 at 19:42:07
using Mozilla Firefox 3.0.10 on Windows XP
Wah dapat info baru nih. Saya gak tau kalau ada teori2 soal susunan paragraf ini, biar keliatan rapi aja kalo rata di kiri-kanan
haha
nice share
Comment by d3ptzz on May 6, 2009 at 20:39:58
using Mozilla Firefox 3.0.8 on Windows XP
baru tau kalau ada aturan kayak gini..
biasanya asal bikin saja…hehe
Comment by Deddy on May 6, 2009 at 22:37:05
using Google Chrome 1.0.154.59 on Windows XP
Sama kayak Uchan. Pake justify biar kelihatan lebih rapi aja… Tapi klo ukurannya ga terlalu lebar sepertinya cocok juga klo cuma dirata kiri…
Comment by Didi on May 6, 2009 at 23:01:12
using Google Chrome 1.0.154.59 on Windows XP
ngaruh buat SEO gak yah??
Comment by nomercy on May 6, 2009 at 23:18:41
using Mozilla Firefox 3.0.10 on Linux Mint 6
wakakakakkk … persis teman saya (yang mengawali membuat css dasar untuk theme blog saya) bilang, “woi pak… kalau bikin paragraf di web itu gak usahlah dibikin justify gitu, udah gak enak dilihat kalau gak sesuai jarak antar kata juga gak dianjurin oleh w3c” … persis begitu … hahaha
tetapi saya tetap saja pura-pura gak dengerin… blog blog gua yang penting gua seneng …
setelah lama berjalan, ternyata mulai satu per satu halaman di blog ternyata gak cocok pakai justify, alhasil saya ubah tetapi hanya untuk halaman2 itu … nah baru tahu kalau ada hubungannya dengan masalah gangguan penglihatan secara medis … makasih mas Dani atas infonya …
Comment by Dani Iswara on May 6, 2009 at 23:24:37
using Konqueror 4.1.3 on openSUSE Linux
Uchan,
estetikanya kayaknya memang gak pa pa..
d3ptzz,
lha saya juga baru baca ada yg terganggu dgn rata tepi kanan-kiri ini..kirain cuman estetika ama nemuin line baru aja yg susah..
Deddy,
entahlah kalo ada ilmu jurnalistiknya gitu, Ded, toh nyatanya di kolom sempit media cetak, kadang keduanya kepake kan ya..cmiiw
Didi,
beh, kalo utk itu ngaruh dimananya ya bli..setidaknya utk aksesibilitas dan usability cukup membantu mata pengguna lah..
Comment by Dani Iswara on May 6, 2009 at 23:28:43
using Konqueror 4.1.3 on openSUSE Linux
nomercy,
pak andi lama ngga update ya..
dari WCAG 1.0 kayaknya memang dah ada rekomendasinya, pak..cuman, timbang-2 sisi estetika ya mungkin diitung damai lah..toh bukan berupa satu blok panjang yg monoton
Comment by Cahya on May 7, 2009 at 13:17:02
using MSIE - Office Live Connector 1.3 on Windows Vista
Maksudnya hendaya kognitif ya Bli? Tenang saja, di bagian sidebar sudah saya tambahkan, “jika anda mengalami kesulitan dalam… dsb”, maka taut tersebut akan langsung menghubungkan ke feedburner yang membuat tulisan rata kiri.
Hmm… saya sendiri masih agak ragu apa metode ini bisa bermanfaat ^_^
Comment by thegands on May 7, 2009 at 13:21:32
using Mozilla Firefox 3.0.10 on Windows XP
ya. saya juga tidak suka menggunakan justify ini. membuat mata saya sakit(kebetulan mata saya sudah semakin rusak karena monitor, hehehe) di tambah lagi jika font size nya yang super duper kecil dan berwarna abu2 terang dengan background putih. komplit lah sudah… (anyway, blog saya fontnya abu2 cukup terang juga ya? hahaha… akan saya rombak koq dalam waktu singkat ini…)
Comment by rismaka on May 7, 2009 at 13:42:59
using Mozilla Firefox 3.0.10 on Windows XP
Makasih mas atas infonya. Tapi sepertinya saya lebih suka dengan align justify (kembali ke selera) karena lebih melihat kepada kerapian. Namun jika berimbas kepada SEO oriented (kalau ada), maka sepertinya saya akan hilangkan justify ini…
Comment by hendri on May 7, 2009 at 13:53:32
using Mozilla Firefox 3.0.7 on Windows XP
waaah… info baru neh.. makasih maas
Comment by Dani Iswara on May 7, 2009 at 15:01:39
using Mozilla Firefox 3.0.10 on Gentoo Linux
Cahya,
makasi koreksinya ya..
sekali lagi, dgn tdk bermaksud diskriminatif terhadap pengguna (dan peramban), memang tdk mungkin memuaskan semua pengguna (dan peramban)..kayaknya kalimat ini masi ampuh..
thegands,
mungkin saatnya pengguna mengalah dgn makin modern dan canggihnya peramban..
rismaka,
sptnya lbh ke estetika dan kognitif pembaca aja..cmiiw
Comment by casual cutie on May 7, 2009 at 20:19:08
using Mozilla Firefox 3.0.10 on Windows XP
wow ternyata ada aturannya ya….makasi ya mas, jadi dapat ilmu baru
Comment by Dani Iswara on May 8, 2009 at 02:24:39
using Safari 525.1 on GNU/Linux
Cahya,
itu beneran pake IE8 plus Office Live Connector ya..
casual cutie,
bukan aturan mati sih..cuman rekomendasi best practice aja katanya..
Comment by dani on May 8, 2009 at 14:07:56
using Google Chrome 2.0.158.0 on Windows XP
hendri,
sebenernya sih ini info lawas, saya aja yang baru tau ada ginian..karena bbrp rekomendasi sudah ada sejak WCAG 1.0
Comment by kenji on May 8, 2009 at 22:16:25
using Mozilla Firefox 3.0.10 on Windows XP
nice info mas. Saya sempet lupa hal2 beginian
Comment by pupungbp on May 10, 2009 at 12:00:23
using Camino 1.6.7 on Mac OS X
Nice Info,
Wah, tema ini pernah saya tulis… tapi lebih ke Tips nya: http://www.designmagz.com/tipografi/tip-menampilkan-teks-justify.html
Comment by Dani Iswara on May 10, 2009 at 12:38:47
using Mozilla Firefox 3.0.10 on Gentoo Linux
pupungbp,
ah ya, sepertinya saya terlewat yg satu itu, mas..makasi juga tambahannya. besok-2 saya akan acak-acak lagi arsipnya mas pupung..
Comment by uwiwu on May 10, 2009 at 16:18:27
using Mozilla Firefox 3.0.10 on Windows XP
selain, menurut opini saya, penggunaan font juga mempengaruhi apakah sebuah konten itu sebagaiknya justify atau left. Karena tiap font memiliki margin sendiri sendiri. (menunggu gebrakan howcome apakah bener2 jadi tuh fitur otomatis download font web via browser)
Comment by Dani Iswara on May 10, 2009 at 17:20:27
using Mozilla Firefox 3.0.10 on Gentoo Linux
uwiuw,
ini yg saya blm nemu konfirmasinya..apakah memang jenis huruf mempengaruhi juga kelayakan pemakaian justify atau tidak..
Comment by uwiwu on May 10, 2009 at 17:42:17
using Mozilla Firefox 3.0.10 on Windows XP
kebetulan dan sy punya temen editor buku. sy masih inget salah satu ucapan dia mengenai layout. Policy tempat dia kerja ngak akan mencetak buku yg justify. Pertama karena jarak antar kata jadi tidak rata bila pakai justify. otomatis baca dalam waktu lama bisa lebih melelahkan.
kedua, yah soal margin itu. misalnya kita memakai font verdana, Georgia:, arial, dan times roman. ukuran setiap font default browser seperti 13 px. Bila kita rendenging setiap paragraph per tiap font maka akan kelihatan kalau adaptasi mereka ke bentuk justify itu beda beda. ah ini ini ada artikel yg mungkin membantu http://www.xs4all.nl/~sbpoley/webmatters/verdana.html
Comment by Dani Iswara on May 10, 2009 at 22:53:52
using Mozilla Firefox 3.0.10 on Gentoo Linux
uwiwu/uwiuw (ganti ya…?),
kalo justify tapi jeda per blok paragrafnya jelas, kayaknya gak pa pa kan..
yg tipe huruf itu, masuk tipografi ya..makasi tambahannya..yg verdana (sans-serif) memang masih enak dibaca walau ukurannya kecil.
saya juga vote utk arial/sans-serif..
Comment by dewabenny on May 13, 2009 at 23:06:10
using Internet Explorer 8.0 on Windows 7
Wah…tengkiu atas infonya bli….
pantesan aja kalo artikel di blog pake Justified pasti rasanya ada yg aneh gitu kalo bacanya….baru tau nih…
Comment by Dani Iswara on May 13, 2009 at 23:50:14
using IceWeasel 3.0.9 on Debian GNU/Linux
dewabenny,
kalo yg blok paragrafnya cukup terspasi, mungkin ngga terlalu terasa, dewa..
Comment by abbie on May 25, 2009 at 22:23:37
using Mozilla Firefox 2.0.0.20 on Windows XP
UPS!!
Br merhatiin klo template WP yg br sy pke align textnya justified. Kudu diubah ya Bli? Kerjain ah, sekalian permak dikit sana-sini..
Sekilas, memang content rasanya lebih dinamis dan gak monoton klo textnya gak justified ( baca: align left ).
Makasih Bli infonya..
Comment by Dani Iswara on May 25, 2009 at 22:54:43
using Mozilla Firefox 3.0.10 on Gentoo Linux
walah..IMO, ngga mesti diubah sih kayaknya kalo dah jelas blog paragrafnya..
tapi, biar ngga bosen, bole juga diubah sekali-sekali 