Akhir akhir sy banyak main twitter. Alasannya sih ngak ada kecuali lagi stress dan pengen nuansa baru. Sy agak jarang ngeblog bukan karena got bored on search dokumen ini dan itu demi posting berkualitas. Cuma saat ini sy butuh pengalih perhatian. Sesuatu (mainan) yg tidak terlalu pintar, rumit, yg setingkat tetris lah. Ngeblog itu butuh orang cerdas. Dan hari ini sy sedang ngak mau jadi orang cerdas. Lagi banyak kewajiban hehehe. stress. Butuh pelarian cepat.

Iya, obat strees itu tweet. Twitter jadi pilihan saya. Maunya sih xanax atau obat depresi lain. Tapi ngak tau dimana nyari di bandung hahahah. Btw, bagi yg belum tau, Twitter itu Web app yg bisa membantu menyalurkan stress kita kepada jutaan orang stress lainnya. Udah itu gratis pula lagi. Cocok banget dikonsumsi pasien yg tinggal di iklim sedang seperti indonesia.

Homepage Tweeter

Sebelum sampai ke accessible twitter, sy ngetweet pake homepage tweet yg asli. Cara Ngetweet kayak gini itu pengalaman yang buruk banget kayak terjebak di tengah gurun. Perasaan nyesel banget daftar tweeter. Udah daftar cuma bisa bengong mau ngapain ? Mati males….hidup juga mustahil. Jadi lanjut aja menelusuri nasib sendiri. Kata orang sunda mah garila! atau tagilan-gilan kata orang sibolga. …. Semua itu disebabkan Interface twitter itu statis banget. Memalukan! …. Kadang gak ngerti bagaimana bisa orang nge-tweet dgn nyaman bila interface aja kaku. Ngak aksesible. Bisa2 cuma komunikasi satu arah aja kayak relay radio curhat.

Gw ngetweet >>> ngak ada yg denger apalagi sudi bales.
Temen curhat >>> dan gw ngak peduli. lagi sibuk sendiri. hahahaha.

Susahnya manajemen replay + curhat via GUI twitter membuat banyak penggemar twitter yg pake software bantu. Ada beberapa pilihan brilyan, tapi sy cuma 2 yg sempat sy pakai, yaitu tweetdeck dan accessible twitter. Btw, udah punya account ? daftar twitter dulu donk biar afdol

Tweetdeck

Pertama tama sy pake Tweetdeck. Layout tweetdeck ini hitam keren. Kesannya elegan berkelas. Standar design web 2.0 banget deh! Sampe mau nangis waktu peryama kali liat. Tweetdeck juga nyediain fitur keren seperti tinyurl, Adobe AIR, Post langsung ke status facebook, dan tentu aja interface ngetweeet yg lebih human friendly! Udah itu sifatnya desktop lagi karena dibangun di atas Adobe AIR. Jadi ngak perlu buka browser. Tapi kita perlu download dua software. Pertama, ADOBE AIR dan kemudian yg kedua…tentu saja…Tweetdeck itu sendiri.

Tapi ada kekurangan tweetdeck ini, yg vital, bagi saya. Berhubung masih terjebak koneksi apa adanya bersama IM2, Sementara dalam waktu bersamaan, koneksi apa adanya juga harus disedot aplikasi wajib seperti smartftp (software upload data ke web server), pidgin (software ngobrol online), dan Browser (ngetes desain secara live). Semua aplikasi ini tool web developer. Biasanya ketiganya rutin aktif dalam waktu bersamaan bila sedang mode kerja gambreng. Otomatis, sedikit sekali lubang koneksi bagi tweetdeck.

Namanya juga IM2, koneksi apa adanya….ngak ada pilihan selain meminta konsumen terima nasib dan bersyukur sebisanya. Akan tetapi, melihat gentingnya situasi, sy harus nyari solusi lain. Stress gak bisa ditunda tunda. Sy takut tabiat lama keluar. Sy takut sy mulai agrasif dan nyakar sana sini atau mulai lari pagi tengah malam nyari objek cakar. ‘Kan malu bila ketauan kalau sy itu anggota trio macan wakakak, yg ditendang karena punya penyakit cakar berlebihan. (yg ini asli nembak keyword doank! trio macan ngak pernah empat+rio macan ).

• Download tweetdeck via official website : tweetdeck.com/beta/ (status masih beta)
• Download ADOBE Air di adobe.com/products/air/tools/sdk/

Accessible Twitter

Setelah nanya kesana kemari, sy nemu accessible twitter, sebuah web aplikasi (beda dengan tweetdeck yg software desktop). Fitur accessible twitter itu memang kalah jauh dibanding twitterdeck. Malah accessible twitter itu lebih mirip official homepage twitter, sama sama diakses via browser kita. Bedanya cuma dikit, tapi sangat vital bagi fakir bandwidth sepert saya bila dibanding option yg ada.

1. Design yg lebih usability karena situs mudah dioperasikan pakai keyboard.
2. Desain yg sadar Accesibility dan web standar. Accesibility for all! yipee!
3. Fitur gravatar bisa dioffkan via browser. (sesuatu yg tidak bisa sy lakukan melalui tweetdeck)
4. Ngak perlu aktif terus menerus dibalik layar update status
5. Status web app masih alpa (beta aja belum. Jadi ngak ada feature yg ngak perlu….bikin pusing.)

4 alasan lalu dilengkapi kegemaran pribadi, yaitu menikmati beta testing software. Rasanya udah cukup jadi alasan bikin posting heheeh. Apalagi lumayan nambah daftar koleksi web tool digital lifestyle sy heheeh.

• Offical site accessibletwitter.com
• Baca dulu tips cara pakai twiter app ini sebelum login
• Website dennislembree.com, creator dibalik web app ini.

Alpha is beauty

Saat ini accessible twitter masih dalam tahap ALpha. Artinya, masih butuh proses jadi web aplikasi yg stabil. Banyak ruang untuk kemajuan sekaligus kekeliruan. Tapi bukankah menyenangkan, dari sudut pandang tukang kode, melihat web app yg kita pakai (dan sesekali kasih feedback) itu stabil. Hmm coba bayangkan deh perasaan matt mullenweg menyaksikan wordpress dan tim bernard lee melihat world wide web. 2 bocah yg jadi raksasa.

Iya sih twitter itu membuang waktu, sumber setan kemalasan, bikin bego, dan kadang makin narcis nauzubillah. Tp lama lama bisa juga
dapat temen disana. Asal satu hal, kamu punya minat khusus pada topik tertentu. Jadi jangan datang dengan tangan kosong. Bisa bisa kamu cuma jadi kambing congek aja disana ngedengerin curhat orang tanpa bisa mengambil manfaat. Hati hati sama twitter loh. Some says, FACEBOOK = sosial, sementara FACEBOOK + TWITTER = no sosial! Baka banget but true! Tweeting all day long sampe botak!

Dukungan ARIA diberikan pada beberapa aplikasi google berkut ini :

1. Google Calendar
2. Google Finance
3. Google News

3 Google App and Accesiblity

Seperti solusi google ARIA sebelum2nya, pengguna screenreader sekarang bisa memakai fitur ARIA pada 3 google app yg disebutkan tadi. Caranya dgn mengaktifkan support link invisible bagi fitur screenreader. Selain, cara barusan, tersedia cara alternatif, yaitu dengan browsing pada blog official milik google seperti http://googleblog.blogspot.com. Blog ini telah mendukung screenreader dan melalui firefox 3.0, kita bisa menikmati invonasi navigasi di interface blog mereka.

Google Calendar

Aplikasi yg sebelumnya diberi kode nama CL2. Kegunaannya sebagai software web yg mengurus daftar kontak dan manajemen waktu. Aplikasi ini disediakan google secara gratis.

1. Speech atau pelafazan bagian harian di kalender (day view)
2. Dukungan keyboard sehingga kita bisa berpindah pindah bagian kelender tanpa bantuan mouse
3. Berkat DOM event, Pembacaan feedback bisa dilakukan dgn screenreader

Google Finance

Website yg diluncurkan pada tanggal 21 maret 2006 oleh google. Fitur layanan ini berupa berita headline mengenai bisnis dari beberapa perusahaan. Saat membaca halaman finance, kita bisa memandanganya sebagai sekumpulan panel yg bekerja secara berkala. Awalnya app google ini tidak mendukung ARI. Namun berkat pekerja magang google, Svetoslav Ganov, dukungan ARIA bagi Google Finance bisa diwujudkan.

1. Berpindah panel dan navigasi di dalam panel dgn tombol arrow keyboard
2. Bisa melapazkan feedback melalui screenreader
3. Tersedia fitur stock screener yg sepenuhnya mendukung teknologi speech

Google News

Website Aggregator berita otomatis yg disediakan google inc. Website ini bekerja menampilkan berita berita terbaik dari seluruh dunia. Sementara, peningkatan support ARIA pada app ini sama dengan yg dilakukan pada google finance. Kita bisa melakukan navigasi menggunakan tombol dan kemampuan membaca konten melalui speechreader.

Fire Vox, Plugin Screen Reader

Nah, bila kamu penasaran tapi tidak memiliki screenreader, maka kamu bisa download plugin firefox Fire Vox yg dibuat Charles Chen. Fire Vox adalah ekstensi open source firefox. Ekstensi Plugin ini sangat berguna bagi mereka yg memiliki penglihatan yg kurang. Selain itu, plugin ini bisa membantu web developer yg butuh mengetes accesibility website yg sedang mereka desain.

Penutup

Semoga, tips dan cara baru ini bisa membantu menambah pengetahuan kita dengan dunia tanpa cahaya seorang tuna netra. Bila tidak mampu memunculkan empati, setidaknya kita bisa mengumpulkan informasi dan solusi internet bagi orang yg tidak mampu melihat. Sebagai penutup, kita bisa memperoleh informasi bantu dengan menekan tombol ?key untuk mendengar shortcut yg tersedia. Dan bila kamu tertarik dengan 3 aplikas google barusan dan aksesibilitas, maka kamu bisa daftar grup Google Group for accessibility untuk stay tune dgn informasi terbaru. Hahaha lumayan bisa jadi ajang belajar accessibility secukupnya.

Definisi Accesibility

Bila kita terjemahkan ke dalam bahasa indonesia, accesibility itu artinya aksesibilitas. Hmm lebih lanjutat, demi mematangkan konsep, berikut ini adalah pengertian accesibility itu sendiri.

1. Definisi web accesibility ialah standar web yg fokus pd usaha memudahkan akses bagi siapa saja, baik pengunjung web yg sempurna panca indera maupun yg tidak.
2. Mudah diakses atau dimanfaatkan. Bila kita merujuk kepada konteks sosial manusia, accesible itu berarti orang yg mudah dimngerti. Baru kenal sekali, langsung membuat kita merasa kenal baik seolah teman lama.
3. Definisi standar rintangan teknologi dan fisik bagi mereka yg memiliki cacat saat berinteraksi dengan sebuah website.
4. Desain yg aksesible itu bisa dikategorikan cleaver design karena mampu membantu mereka yg cacat seperti tuna netra, cacat fisik lumpuh tangan, tuli, dll. (apa yg nama bagi mereka yg tuli). Pokoknya, demi membuat website itu bisa diakses secara universal.

Accesibility in Flash!

Coba bayangkan bagaimana seseorang yg buta bisa menikmati sebuah web. Oleh karena itu, sebaiknya sebuah situs seharusnya didesain dengan memasukkan elemen standar accesibility seperti rel, nofollow, title, tag, alt pada proses desain web. Namun validasi accesibility sebuah website itu agak sukar dikarenakan kita diharuskan menggunakan lebih dari satu validator, web layanan yg memvalidasi kode kode web lain. Penyebabnya validator accesibility tidak memasukkan masalah visual visual desain sebagai faktor penentu.

Demi memastikan apakah sebuah web itu accesible, kamu harus menggunakan feedback validator. Sebagai catatan, hasil validasi validator itu layaknya software grammar bahasa, yg mana tidak dapat kamu andalkan sepenuhnya sehingga kamu harus menyeimbangkan antara feedback validator dengan pengetahuan markup web itu sendiri.

Masalah accesibility itu sangat mengandalkan pengetahuan general web designer itu sendiri mengenai bahasa web yg dipakainya. Oleh karenanya, pantangan pertama bila ingin mendesain web dgn standar accesibility ialah jangan memakai editor html yg sukar dikendalikan output desain akhir. Ambil contoh frontpage, yg rutin merusak kode HTML kita. Jadi, sebelum melangkah jauh, ada baiknya kita paham CSS dan HTML terlebih dahulu. Kalau tidak paham, maka bisa saja desain web kita berakhir seperti terjemahan amburadul yg biasa dihasilkan Transtool. udah jelek, ngaco pula grammer. lengkap sudah penderitaan hahaha

Validator Web

So, Bagaimana cara validasi accessibility sebuah web ? Saran sy mulailah beralih ke browser firefox sehingga kamu bisa menginstall HTML Validator dan Web Developer addon ini. Kamu bisa gratis mendownload di repository firefox extention. Berkat addon ini, Kamu bisa memanfaatkan layanan gratis seperti: Hermish – http://www.hermish.com yang khusus menvalidasi local accesibility.

Beberapa Validator Lainnya.

• Validator CSS – http://jigsaw.w3.org/
• Validator HTML – http://validator.w3.org/
• Validator Feed – http://validator.w3.org/feed/
• Validator Links – http://validator.w3.org/checklink?
• Validator WAI – http://www.cynthiasays.com/
• Validator Section 508 – http://www.cynthiasays.com/mynewtester/

PS : validator XHTML itu memiliki Badge pertanda bebas error XHTML 1.0. Badge ini diberikan setelah sebuah situs itu lolos validasi w3c.org tanpa error. Btw, juga ada kok Badge pertanda bebas error CSS (idem).

Update Info

Update(mei 2009). Oh iya, selain validator di atas, kita bisa juga mengecek memanfaatkan Validator web desain lain. Pendekatan tool berikut itu sama, yaitu taat web standar rekomendasi w3c. (mana ada tool validasi yg berani membangkang dari rekomendasi w3c ? kalau mau punya aturan sendiri, bikin web nya di mars aja hahaha)

1. Sakuiweb : Web hosting inggris yg develop tool validasi. Tool ini lumayan membantu kita bila membutuhkan second opinion apakah desain yg kita buat itu sudah bener atau belum. Variabel tambahan yg bisa ditawarkan adalah p3p (protokol privacy).
2. Total Validator : all in one validator, sebagai mana deskripsi mereka sendiri untuk layanan verifikasi mereka. Web total validator ini mendukung accesibility checker, validator spelling, broken links, dan kemampuan membuat screenshot website kita sesuai berbagai parser browser. hmm all of this become handy, saat kamu ingin tau bagaimana tampilan layout kita dalam berbagai browser. Apalagi, salah satu fitur menyenangkan dari validasi ini adalah proses validasi mereka yg bisa memvalidasi sambil bypass error yg kita pilih sebelumnya.

Update (mei 2009) : Makasih buatdani iswara dari daniiswara.net yg sudah memperbaiki typo dan terutama meluruskan istilah validator accesibility dalam posting ini. Rasanya, kalau ngak dibetulis, sampe 1000 tahun juga sy bakal salah pake istilah hahahah.

Oh iya, kebanyakan isi panduan desain ini agak agak sukar untuk ditaati. Dan panduan terpenting, mungkin, yg dibundel pada seksi 1194.22. Bagian panduan ini berisi guidence Web-based Intranet and Internet Information and Applications.

Seksi 1194.22

Berikut ini adalah panduan yg spesifik pada design website yg accessible, yg diambil dari seksi 1194.22. Panduan ini dilengkapi penjelasan sesuai dgn bahasa sy sendiri.

1. Elemen web non teks harus diberi teks keterangan (misalnya via elemen HTML seperti “alt”, “longdesc”, dll)
2. Setiap media presentasi yg multimedia (contohnya flash video) harus dilengkapi konten teks (maksudnya, halaman web tidak boleh cuma berisi informasi flash tanpa dilengkapi transkrip berupa teks)
3. Layout halaman web harus didesain dengan kemampuan mengkomunikasikan informasi yg setara, baik saat dilihat dgn warna maupun non warna.
4. Dokumen harus diorganisasikan sehingga mereka masih bisa dibaca tanpa membutuhkan file style sheet css. Jadi pure HTML.
5. Redundant text links shall be provided for each active region of a server-side image map.
6. Link teks tambahan harus disediakan bagi tiap bagian sebuah map image server side.
7. Image map client side harus lebih didahulukan dibandingkan yg server side (kecuali bentuk link image tidak bisa didefinisikan dgn bentuk geometris yg tersedia)
8. Header row dan kolom harus diidentifikasi tabel data
9. Koding markup harus digunakan sesuai dengan data cell dan header cell bagi tabel data bila seandailnya tabel itu memiliki level logical lebih dari satu pertiap header row dan kolom. (…lupakan saja deh hehehe karena trend desain sekarang itu design tabless)
10. Frame harus diberi judul teks sehingga bisa diidentifikasi kalau bagian web tsb adalah frame. Penggunaan teks juga diwajibkan demi usability navigasi frame.
11. Halaman web harus didesain untuk menghindari screen flickering (layar monitor berkedap kedip), terutama bila frekuensi flickering itu lebih tinggi 2Hz dan lebih rendah dari 55Hz
12. Halaman web yg cuma berisi teks, dengan informasi dan fungsi, harus disediakan bila seandainya, kita tidak bisa mentaati panduan 100%. Konten halamanini harus diupdate bila halaman utama (yg tidak taat section 508) berubah.
13. Saat halaman web membutuhkan bahasa scipting, seperti javascript, untuk menampilkan konten. Atau pun menampilkan elemen interface lain, maka informasi yg disediakan script itu harus bisa dibaca oleh assistive technology (merujuk pada software bantu seperti screenreader).
14. When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with §1194.21(a) through (l).
15. Saat konten halaman web itu membutuhkan applet, plug in, pdf, dan format aplikasi lain (yg harus disediakan browser klien), maka halaman tsb harus menyediakan link yg mentaati panduan pada section 1194.21 (dari nomor a sampai I)
16. Saat form web itu wajib diisi saat online, maka form tersebut harus membolehkan orang menggunakan assistive teknologi untuk mengakses informasi, elemen field, dan fungsi yg dibutuhkan demi penyelesaian dan submisi form, termasuk seluruh petunjuk dan cara pakai.
17. Kita harus mendesain layout yg memberi konrol bagi user bila mereka ingin melompati link navigasi yg repetitif
18. Saat user membutuhkan response dgn waktu terukur, maka sebelumnya dia harus diberitau dan diberi waktu yg cukup untuk mengidentifikasikan kalau durasi waktu itu dibutuhkan.

Artikel Accesibilitas Internal

Mengapa mendesain web yg accesibile ? Saat ini bila sy tidanya mungkin karena ego. Hahaha kamu harus membaca niatan menjadi raja web accessibility. hmm agak norak sih, karena berisi begitu banyak fungsi dan manfaat yg ingin diraih padahal jelas jelas kalau keinginan keinginan itu saling bentrok.