Dani Iswara .Net

Mencoba Fangs, Screen Reader Emulator Firefox

Catatan ini memuat pengalaman mencoba Fangs, pengaya (add-ons, ekstensi) Firefox yang didedikasikan sebagai emulator screen reader. Nampaknya cukup bermanfaat untuk menguji aksesibilitas halaman web.

Fangs ini nampaknya belum dikembangkan lagi. Versi terakhir 1.0.3 tertanggal 2006-10-23. Dinyatakan masih kompatibel dengan Firefox 2.0+.
Baca dulu FAQ-nya untuk mengetahui kemungkinan masalah seputar pemakaian.

Ekstensi ini pernah terdaftar di halaman resmi pengaya (’add-ons’) Firefox, tetapi tautnya sepertinya bermasalah.

Disampaikan pada halaman FAQ-nya, bahwa perangkat ini hanya akan menghasilkan teks (bukan suara) serupa seperti yang akan dibaca screen reader modern sesungguhnya.

Setelah terpasang (ter-’install’), coba buka suatu halaman web untuk diuji coba. Arahkan ke menu Tools - Fangs. Atau klik kanan di tengah suatu halaman web, arahkan ke pilihan ‘View Fangs’. Akan terbuka jendela baru dengan teks hasil bacaannya.

Contoh di bawah adalah hasil coba menggunakan halaman berjudul Konten Blog Rekomendasi WCAG di blog Dani Iswara .Net. Emulator terlihat menggunakan MS Internet Explorer. Bayangkan bahwa teks tersebutlah yang didengar oleh para ‘difabel’ (mis. tunanetra) pengguna ’screen reader’.

Berikut ini beberapa hal pentingnya (diedit seperlunya).

Bacaan emulator pada bagian header dan deskripsi

Page has eleven headings and ninety-eight links Konten Blog Rekomendasi WCAG dash Dani Iswara .Net dash Internet Explorer
Heading level one Link Dani Iswara .Net
Physician note of web, blog, Internet, health, medical informatics, consumer health informatics and GNU slash Linux

Bacaan emulator pada bagian navigasi

List of eight items bullet Link Home alt plus one bullet Link About bullet Link Archives bullet Link Categories bullet Link…List end

Bacaan emulator pada bagian konten

Heading level two Link Konten Blog Rekomendasi WCAG
May sixteen two thousand eight – one colon five am by Dani Iswara
Dalam daftar referensi singkat WCAG left paren Web Content Accessibility Guidelines right paren two . zero dimuat tentang rekomendasi teknik penyajian konten teks di web dan blog yang mudah dibaca dan dimengerti. Link WCAG two point zero Quick Reference List colon
Block quote start List of four items bullet
one point one Text Alternatives colon Provide text alternatives for any non dash text content so…

Bisa dibayangkan jika teks yang seharusnya dalam bentuk list atau blockquote tidak disusun secara semantik web.

Bacaan emulator pada bagian formulir komentar

Your comments colon
Edit
Submit Comment button
Show your last blog post colon
Checkbox Checked Enable Link CommentLuv which will try and parse your last blog post, please be patient while it finds it for you.
Checkbox Not checked Notify me of followup comments via e dash mail

Bacaan emulator pada bagian menu samping

List of seven items bullet Heading level two SEARCH
Edit type and enter to find
Graphic Google logo Custom Search
bullet Heading level two SUBSCRIBES…
…
Heading level two BLOG AUTHOR
Graphic Dani Iswara’s Photo Dani Iswara Denpasar dash Bali and Yogyakarta, Indonesia…
List end

Deskripsi gambar dengan atribut alt cukup membantu pendengar.

Bacaan emulator pada bagian catatan kaki (’footer’)

two thousand eight vertical bar Link WordPress vertical bar Link X slash HTML vertical bar …

Ini sekaligus memperjelas hubungan Semantik X/HTML, Aksesibilitas, SEO pada catatan sebelumnya.

Apa yang akan dibaca / diperdengarkan oleh screen reader pada berkas formulir, isian teks, ‘check list’, tombol, multimedia (gambar, foto, audio, flash, video) yang ditulis secara tidak aksesibel?