Aksesibilitas Digital

Google form logo

Tutorial Google Forms dengan Screen Reader
840 834 Rahma Utami

Berikut ini adalah panduan penggunaan Google forms dan cara mengaksesnya dengan menggunakan screen reader untuk teman-teman tunanetra dan low vision. Contoh Google forms yang bisa digunakan ada di link Survey Aksesibilitas Digital di Indonesia. 

Google Forms digunakan sehari-hari di Training Suarise sejak 2018 untuk post test setiap pertemuan dan untuk mengkoordinasi pekerjaan jarak jauh. Kompetensi penggunaan Google Forms untuk screen reader sangat menunjang untuk melakukan #KerjaDariRumah alias #WorkFromHome, maupun untuk riset.

Hal-hal yang harus diperhatikan di Google Form

Sebelum memulai tutorial, ada lima hal perlu diperhatikan terkait Google Forms:

  1. Google Forms dapat diakses melalui komputer maupun smartphone/telepon seluler apapun yang berbasis Android dan iOS (Apple).
  2. Google Forms tidak menyimpan proses, artinya, pengisian Google forms harus dilakukan dalam sekali jalan atau dalam satu waktu sekaligus. Jika tidak sengaja refresh halaman (bukan menekan tombol lanjutan di dalam form), maka hampir dipastikan jawaban yang telah diisi sebelumnya hilang dan harus diisi ulang. Namun jika halaman loading setelah tombol ‘selanjutnya’ atau ‘next’ ditekan, maka tidak usah khawatir.
  3. Beberapa Google Forms bisa langsung diisi tanpa login email, beberapa harus login gmail, atau input email terlebih dahulu. Google forms yang digunakan di tulisan ini tidak membutuhkan log in apapun.
  4. Pertanyaan di Google Forms bisa berupa pertanyaan yang tidak wajib (boleh dijawab boleh tidak) dan pertanyaan wajib (required question). Jika terdapat pertanyaan yang wajib dijawab, maka artinya poin ini wajib diisi. Jika tidak, meski tombol selanjutnya ditekan, atau tombol submit/kirimkan ditekan, maka tidak akan bisa diproses. Pengisi harus cek seluruh pertanyaan apakah sudah dijawab atau belum.
  5. Google Forms sangat bersahabat dengan screen reader. Oleh karena itu, halamannya bisa diakses dengan berbagai metode, baik secara gestur linear (swipe/usap kiri kanan), maupun dengan shortcut (pintasan) seperti headline, link, control, dll.

Catatan, tutorial ini hanya menggunakan 3 jenis fitur untuk input jawaban pertanyaan dari banyak fitur Google Forms yang disediakan. Fitur-fitur yang digunakan adalah pilihan ganda, ceklis, dan isian. Sebagian besar tutorial ini untuk mengakses Google Forms melalui ponsel, namun diterangkan pula tentang penjelasan elemennya, sehingga untuk yang mengakses Google Form melalui komputer, silakan menyesuaikan kunci shortcut nya atau pintasannya.

Cara mengakses Google Forms dengan Screen Reader

Silakan buka Survey Aksesibilitas Digital di Indonesia pada tab terpisah atau pada handphone sambil membaca tutorial ini. Setelah Google Forms dibuka, biasanya terdapat instruksi awal terkait isi survey atau kuesioner. Silakan dibaca lalu lanjutkan ke bagian selanjutnya.

Gestur yang sering digunakan di Google Forms

Google Forms dengan Talkback di Android:

Gunakan gestur screen reader biasa (swipe/usap layar), dan Local Context Menu atau Menu Konteks Lokal. Local Context Menu bisa diakses dengan dua cara. Pertama dengan menggerakan jari di layar dari bawah ke atas lalu ke kanan tanpa mengangkat jari. Pilih opsi yang sesuai. Kedua dengan menggerakan jari secara vertikal, baik geser ke atas ataupun ke bawah (bukan mendatar). Pilih yang sesuai.

Google Forms dengan VoiceOver di Apple:

Gunakan gestur screen reader biasa (swipe/usap layar),dan rotor. Rotor bisa diaktifkan dengan menaruh dua jari di permukaan layar lalu putar ke setting yang ingin dituju (berlawanan maupun searah jarum jam).

 

Tampilan Menu Konteks Local atau Local Context Menu Saat Google Forms diakses dengan Talkback Screenreader

Cara membaca ringkas/skimming pertanyaan

Skimming bisa dilakukan untuk mengetahui pertanyaan-pertanyaan apa saja dilakukan sehingga pengguna screen reader bisa terbayang secara utuh fungsi dari pertanyaan tersebut.

Setiap pertanyaan di Google Forms merupakan headline. Jadi navigasi atau shortcut terkait heading bisa digunakan, seperti:

Di TalkBack, bisa menggunakan ‘Local Context Menu’ alias ‘Menu Konteks Lokal’ lalu pilih ‘Headline’ atau ‘Judul’. Maka setiap swipe/usap layar, maka Talkback akan membaca pertanyaannya saja tanpa melalui kolom jawaban maupun tombol lainnya. Kembalikan ke pengaturan default jika sudah selesai skimming dan hendak mengisi pertanyaan.

Di VoiceOver, aktifkan rotor dan pilih ‘Headings’ (jika menggunakan Bahasa Inggris) atau ‘Judul’ (jika menggunakan Bahasa Indonesia) untuk skimming pertanyaan. Catatan: berdasarkan percobaan di beberapa device dan versi iOS, seringkali meski rotor Headings telah diaktifkan, iphone tetap membaca seluruh jenis teks, bukan hanya pertanyaan saja. Jika terjadi demikian, maka silakan mengakses form secara linear menggunakan gestur default.

Cara menjawab pertanyaan

Setiap komponen jawaban pada Google Forms adalah komponen interaktif, artinya dia pasti terhighlight jika menggunakan tombol Tab pada keyboard. Lebih jauh, setiap jawaban merupakan kategori ‘Control’; dengan demikian segala shortcut yang terkait navigasi kontrol bisa diterapkan.

Umumnya, screen reader akan membaca pilihan jawaban di Google Forms dengan urutan informasi tertentu.

Contoh baca oleh Talkback:
Urutan bacanya adalah: kondisinya, isi pilihannya, jenis komponennya, instruksi.

  1. Multiple choice atau pilihan ganda:
    • Bahasa Inggris: not ticked, Instagram, radio button, double tap to toggle.
    • Bahasa Indonesia: tidak dicentang, Instagram, tombol radio, ketuk dua kali untuk beralih.
  2. Tick box atau ceklis:
    • Bahasa Inggris: not ticked, Shopee, tick box, double tap to toggle.
    • Bahasa Indonesia: tidak dicentang, Instagram, kotak centang, ketuk dua kali untuk beralih.
  3. Edit box atau isian tulisan: Edit box, (menyebutkan ulang pertanyaannya), instruksi. Jika isian telah diisi, maka urutannya akan terdengar seperti berikut ini: Jawabannya, edit box, pertanyaannya. Untuk menjawab, pilih pilihan yang diinginkan, ketuk layar 2 kali, lalu ketik jawabannya.

Contoh baca oleh VoiceOver:
Urutan bacanya adalah: isi pilihannya, jenis komponennya, kondisinya, instruksi.

  1. Multiple choice atau pilihan ganda:
    • Bahasa Inggris: Instagram, radio button, unchecked, three of five (pilihan keberapa dari total pilihan yang tersedia),
    • Bahasa Indonesia: Instagram, tombol radio, tidak dicentang, satu dari tiga
  2. Check box box atau ceklis:
    • Bahasa Inggris: Shopee, check box, unchecked, double tap to toggle setting.
    • Bahasa Indonesia: Shopee, kotak centang, tidak dicentang, ketik dua kali untuk mengubah penampilan
  3. Edit box atau isian tulisan: (menyebutkan ulang pertanyaannya), text field (bidang teks), instruksi pertanyaan (jika ada), double tap to edit. Jika isian telah diisi, maka urutannya akan terdengar seperti berikut ini: (menyebutkan ulang pertanyaannya), text field, is editing, jkt, lalu membaca deskripsi pertanyaan. Untuk menjawab, pilih pilihan yang diinginkan, ketuk layar 2 kali, lalu ketik jawabannya.

Di TalkBack, bisa menggunakan ‘Local Context Menu’ lalu pilih ‘Control’ atau ‘Kontrol’. Maka setiap swipe/usap layar, maka Talkback akan membaca pilihan jawabannya, beserta kondisinya.

Untuk menjawab, pilih pilihan yang diinginkan, ketuk layar 2 kali. Tapi ada beberapa hal yang harus diperhatikan:

  1. Pilihan ganda.
    Hanya bisa input satu jawaban saja. Jadi jika jawaban di ganti atau mengetuk dua kali di jawaban yang lain di pertanyaan yang sama, maka jawaban sebelumnya akan hilang dan akan digantikan jawaban terbaru. Sebelum pindah pertanyaan, pastikan sudah memilih jawaban yang pas dengan pertanyaan.
  2. Tick box atau check box.
    Bisa memilih lebih dari satu jawaban. Jadi jika ketuk dua kali di beberapa tick box di pertanyaan yang sama, maka semuanya artinya adalah jawaban yang dipilih. Jika ada yang tidak ingin dipilih, maka bawa kursor ke jawaban yang tidak jadi, lalu ketuk dua kali lagi, hingga terdengar, “unticked, pilihan jawaban”.
  3. Isian (Text box atau text field).
    Isian atau edit box harus di ketuk 2 kali dahulu sebelum jawabannya diketik. Jika menggunakan keyboard dari Google, bisa juga menggunakan opsi Voice Typing, alias mengetik dengan suara. Caranya, cari di area keyboard opsi ‘Voice input’ (biasanya lokasinya di kanan atas ujung keyboard, di atas tombol P). Klik, lalu silakan bicara jawabannya pelan-pelan agar mesinnya bisa menangkap suara Anda. Jika sudah selesai, bisa menunggu sejenak hingga voice typingnya otomatis mati, atau ketuk ulang dua kali di bagian voice typing tersebut. Cek kembali jawabannya, karena kadang suka ada yg salah tangkap. Edit seperlunya.
  4. Pilihan ganda dengan isian.
    Jika memilih pilihan ‘Other’ atau ‘Lainnya’ (tergantung bahasa sistem yang Anda gunakan), maka diharapkan saat memilih opsi ini, Anda juga mengisi isian pendek yang ada setelahnya. Google forms akan otomatis mengarahkan kursor ke edit box/isian saat pilihan ‘other’ dipilih. Biasanya berbunyi “Edit box other response”

Cara mengakses halaman berikutnya atau bagian berikutnya

Umumnya terdapat 2 tombol navigasi di tiap halaman, kecuali halaman pertama dan halaman terakhir. Tombol ini adalah tombol back dan tombol Next. Keduanya akan dibaca oleh screen reader sebagai ‘button’. Tombol ini bisa diakses secara linear (swipe terus hingga ke bawah), atau menggunakan opsi ‘Control’.

Jangan gunakan opsi ‘Link’ untuk mencari tombol navigasi karena di Google forms, link diarahkan ke menu Google Forms yang tidak terkait dengan kuesioner dan link yang ada di dalam pertanyaan (jika ada). Contohnya adalah di halaman pertama dan halaman terakhir di dokumen Survey Aksesibilitas Digital di Indonesia. Di halaman pertama, terdapat link tautan ke halaman youtube dan artikel ini, maka opsi ‘Link’ akan juga mengumumkan bagian tersebut, tanpa dari tulisan di paragraf lainnya.

Halaman terakhir akan berisi 2 tombol: ‘back’ dan ‘submit’ (jika dengan bahasa Indonesia, tombol ‘kembali’ dan tombol ‘kirim’). Umumnya, kuesioner tidak memperkenankan responden untuk mengubah jawabannya jika tombol submit sudah ditekan, seperti pada contoh Survey yang digunakan. Namun, terkadang, pembuat survey juga bisa mengatur agar responden memiliki pilihan untuk mengubah jawaban mereka. Jika pilihan ini diaktifkan, maka di halaman terakhir dari Google Forms, akan ada setidaknya dua link di akhir paragraf penutup yaitu ‘Submit another response’ (Kirim tanggapan lain) dan ‘Edit your response’. Jika pilihan ini tidak diaktifkan, maka hanya akan ada satu link yaitu ‘Submit another response’.

Penutup

Untuk Survey Aksesibilitas Digital di Indonesia, tiap orang hanya input 1 kali respon saja. Jika terdapat kendala dalam menginput survey, Anda bisa bertanya ke talent-talent Suarise yang sudah terbiasa menggunakan Google Forms, atau kontak langsung ke sosial media Suarise di Facebook, Instagram, dan Twitter. Survey Aksesibilitas Digital di Indonesia dibuka hingga tanggal 10 Mei 2020.

Lebih jauh mengenai aksesibilitas produk-produk Google bisa ditemukan di halaman Google Accessibility. Selain Google, beberapa sosial media juga sudah semakin mudah diakses dengan menggunakan screen reader.

Selamat mengisi kuesioner!

Tampilan Google Forms Survey Aksesibilitas Digital di Indonesia

Tambahan

Transliterasi jika pengaturan perangkat atau gadget menggunakan bahasa Indonesia:

  • Headline: Judul
  • Tombol ‘Next’ : Berikutnya
  • Tombol ‘Back’: Kembali
  • Pilihan ‘other’: Yang lain
  • Mengisi edit box di other: Kotak edit, tanggapan lain
  • Pilihan Checkbox atau pilihan ganda:Tidak dicentang, (nama pilihannya), radio button atau cek box, ketuk dua kali untuk beralih
  • Link ‘Submit another response’: Kirim tanggapan lain
Bagikan ke lini masa Anda untuk mendukung iklim inklusif di Indonesia

Be My Eyes: Aplikasi untuk Meminjamkan Mata kepada Tunanetra
150 150 Rahma Utami

Sekarang mata kamu dapat dipinjamkan untuk teman-teman tunanetra hanya dengan mengunduh aplikasi Be My Eyes yang tersedia di platform Android maupun Apple, gratis! Loh kok mata bisa dipinjamkan? Bagaimana caranya? 

Be My Eyes adalah sebuah aplikasi berbasis apple dan android yang berfungsi untuk menghubungkan tunanetra di seluruh dunia dengan relawan untuk membantu melihat suatu hal di depan mereka (tunanetra). Meski hal-hal yang dilihat sederhana, hal ini berdampak sangat besar bagi teman-teman tunanetra. 

Salah satu permintaan yang paling sering didapatkan adalah melihat tanggal kadaluarsa makanan seperti susu. Hayo, bayangkan betapa besar dampak bantuan dari seorang relawan Be My Eyes dalam meminjamkan matanya sehingga yang bersangkutan tidak kena diare akibat meminum susu kadaluarsa. 

Konsep

Aplikasi seluler ini menghubungkan tuna netra dengan relawan melalui layanan video call yang tersedia di dalam aplikasi. Baik tunanetra maupun relawan harus mendaftarkan diri mereka dahulu sebelum menggunakan layanan aplikasi Be My Eyes. 

Be My Eyes mengusung konsep social-micro-volunteering, dimana relawan bisa berkontribusi dengan cara dan waktu yang paling nyaman bagi mereka di tengah kesibukan mereka. Hal ini dianggap sangat efisien secara waktu dan budget, karena relawan dapat meluangkan waktu untuk membantu teman-teman tunanetra tanpa pergi kemanapun. Para relawan senang sekali bisa berkontribusi.

Kelebihan aplikasi Be My Eyes

Banyak manfaat dalam menggunakan aplikasi Be My Eyes baik bagi pengguna tunanetra maupun relawan yang memiliki penglihatan awas.

  1. Tidak ada biaya dalam menggunakan layanan ini.
  2. Panggilan bantuan bisa dilakukan kapanpun, dari manapun (selama terhubung dengan paket data internet/wifi)
  3. Simpel, hanya dengan 1 klik untuk meminta bantuan/menerima panggilan

Beberapa testimoni terkait aplikasi Be My Eyes dari kalangan teman-teman tunanetra adalah dengan menggunakan aplikasi ini, mereka dapat menjalani kehidupan sehari-hari dengan lebih nyaman dari beberapa aspek.

  1. Kenyamanan.
    Teman teman tunanetra jadi tidak harus melulu menunggu orang menawarkan bantuan, ataupun meminta bantuan orang yang sama sehingga terasa memberatkan.
  2. Keamanan.
    Merasa aman karena aplikasi tersebut identitas tunanetra sifatnya anonim dan privasi mereka terjaga karena meski orang asing yang membantu mereka, relawan ini tidak secara nyata masuk ke dalam rumah.
    Selain itu, perasaan aman juga muncul karena orang-orang yang terdaftar adalah relawan yang memiliki tujuan yang sama: membantu teman-teman tunanetra. Hal ini penting karena terkadang, di ranah sosial media, tunanetra kerap dibully ataupun didiskreditkan. Adapun jika hal ini terjadi, pengguna Be My Eyes bisa melaporkan hal ini langsung kepada perusahaan melalui tombol report yang akan muncul bersamaan dengan tombol evaluasi lainnya saat panggilan berakhir.
  3. Efisien.
    Sebuah panggilan bantuan di Be My Eyes umumnya membutuhkan waktu 30 detik untuk mendapatkan respon (belum termasuk waktu penyelesaian solusi). Hal ini tentunya lebih efektif dibandingkan menunggu orang datang (apalagi kalo macet), atau jika sedang berada di luar rumah, seorang tunanetra bisa jadi tidak tahu apakah ada orang di sekitarnya.
  4. Perasaan Independen.
    Keleluasaan yang ditawarkan oleh Be My Eyes membuat teman-teman tunanetra memiliki asisten virtual tanpa perlu ada orang disamping. Jadi, teman-teman tunanetra bisa beraktivitas secara independen dan leluasa, dan memanggil relawan hanya pada saat tertentu saja. 
  5. Terhubung.
    Dibandingkan aplikasi lain yang menggunakan teknologi machine learning atau image recognition untuk mengidentifikasi item, Be My Eyes lebih terasa manusiawi. Selain deskripsi dan variasi hal yang dilihat mencakup lebih banyak hal dibandingkan aplikasi seperti taptapsee yang hanya bisa melihat barang dari jarak dekat saja. Selain itu, suara manusia terdengar lebih ramah dibandingkan suara robot ataupun teks yang dibunyikan via aplikasi screen reader.
    Selain faktor robot vs manusia, beberapa testimoni pengguna Be My Eyes juga mengatakan bahwa mereka tidak merasa kesepian, karena mereka tahu jika teman-teman tunanetra menjelajahi daerah baru, mereka bisa menghubungi relawan via Be My Eyes kapan saja. 

Menurut tim Suarise, pada akhirnya, teknologi yang baik adalah yang menghubungkan dan memanusiakan manusia dengan manusia lainnya. Setuju?

Sejak peluncurannya perdananya di  iphone tahun 2015, dan versi android di 2017, Be My Eyes kini memiliki lebih dari 2 juta relawan dan 300 ribu tunanetra dari seluruh dunia dan dapat diakses lebih dari 150 bahasa termasuk Bahasa Indonesia. Hingga saat ini, aplikasi ramah disabilitas ini telah menyabet 15 penghargaan, salah satunya adalah Google Play Award 2018. 

Bagi yang sudah mengunduh Be My Eyes, apa testimoni kalian? Sharing di kolom komentar ya 🙂

Untuk mengunduh aplikasi Be My Eyes, baik untuk menjadi relawan maupun pengguna, silakan klik pranala di bawah ini:

Download Aplikasi Be My Eyes di Appstore. 

Download Aplikasi Be My Eyes di Google Play Store. 

 

Disarikan dari berbagai sumber.

Ditulis oleh Rahma Utami, Knowledge Director untuk Suarise.

Suarise adalah lembaga pelatihan bagi tunanetra yang mengajarkan kompetensi dan vokasi untuk berkarya di industri digital, terutama di bidang penulisan konten digital (digital content writing), seperti artikel, artikel ramah SEO, penulisan iklan online, serta pembuatan konten sosial media. 

Setiap perusahaan dan perorangan kini dapat merekrut tunanetra sebagai digital content writer. Tertarik untuk bekerja sama? Klik di sini untuk informasi lebih lanjut. 

Bagikan ke lini masa Anda untuk mendukung iklim inklusif di Indonesia

5 Pedoman Pembuatan Website Inklusif bagi Tunanetra untuk Pengembang Perangkat Lunak
150 150 Rahma Utami

Di era digital ini, internet menjadi sumber informasi yang sangat vital tak bagi masyarakat tak terkecuali tuna netra. Berbagai informasi bisa diakses kawan-kawan Tunanetra baik melalui komputer maupun perangkat seluler lainnya. Berselancar di dunia maya, baik mengakses berbagai website, melakukan pencarian melalui Google, mengakses dan update social media seperti twitter, Facebook, dan Instagram, dan ‘menonton’ Youtube merupakan hal biasa dilakukan sehari-hari untuk mendapatkan informasi terbaru. Rasanya, sebagian besar talent Suarise berselancar di dunia maya setiap hari! Tentunya, kawan-kawan tuna netra bisa mengakses informasi dari kanal-kanal yang sedikit banyak sudah menerapkan kaidah website inklusif, terlepas dari tinggi rendahnya tingkat aksesibilitas website yang bersangkutan.

Tentunya, segala informasi yang tersaji di website diterjemahkan oleh speech synthesizer/screen reader bawaan yang terdapat pada gawai mereka, ‘Voice Over’ untuk Apple, ataupun JAWS dan NVDA untuk Windows. Meskipun demikian, tantangan terbesar bagi kawan-kawan tunanetra untuk mengakses informasi adalah jika websitenya tidak terlalu aksesibel. Jika aksesibilitas website dioptimalkan, tunanetra tidak harus terlalu bergantung pada buku braille yang tak hanya lama untuk diproduksi, namun juga mahal secara produksi, dan terbatas dalam distribusi. Akurasi dan kecepatan informasi ini sangat penting untuk akselerasi khasanah pengetahuan kawan-kawan tunanetra terutama untuk mendalami berbagai topik sesuai minat mereka.

5 prinsip website inklusif untuk mengoptimalkan aksesibilitas

Meski pedoman komperhensif untuk membuat website yang tingkat aksesibilitasnya tinggi terutama untuk tunanetra tersedia di WCAG, ada 5 prinsip sederhana website inklusif yang selalu bisa mulai diterapkan, terutama oleh rekan-rekan pengembang perangat lunak, terutama desainer dan developer, agar informasi di website dapat diakses dengan mudah oleh kawan-kawan tunanetra.

1. Hirarki Informasi

Hirarki informasi ini tidak melulu soal tulisan dari artikel, melainkan juga mencakup atribusi dan peletakan tombol action. Hirarki ini mempermudah speech sythesizer/screen reader untuk membaca informasi di website secara terorganisir, membantu kawan-kawan tunanetra dalam mengkategorikan konten yang sedang mereka dengarkan, dan menjadi navigasi selama dalam website maupun halaman yang sedang diakses. Coba dengarkan rekaman di bawah ini deh untuk hasil tulisan yang hirarki informasinya mempermudah tunanetra dalam membaca.

1.1 Tetapkan struktur Heading

Umumnya sebuah website bisa memiliki hingga 6 jenis heading. Penting untuk mengorganisir mana heading yang berdiri sendiri, mana yang repetitive. Heading 1 (H1) contohnya, hanya untuk hal yang paling penting, yaitu judul. Sangat tidak disarankan menggunakan heading 1 lebih dari satu kali. Heading 2 dan seterusnya bisa di ulang secara sistematis tergantung informasi yang dijabarkan.
Sebagai tambahan, level dari heading tidak sama dengan ukuran teks–meski pada beberapa kondisi, seperti website dari penyedia layanan website seperti wix, wordpress maupun lainnya, setiap level heading sudah memiliki pendekatan visual masing-masing termasuk ukuran huruf. Tapi jika development dari scratch, level tidak ada hubungannya dengan besarnya huruf.
Hal yang penting adalah hindari memiliki struktur heading yang lompat (misal dari H2 lalu H4) karena ini berpotensi membingungkan dalam navigasi informasi website tersebut.

Terutama untuk rekan-rekan developer, cek simulasi heading untuk HTML 5 di link berikut: http://accessiblehtmlheadings.com/

1.2 Jangan mengandalkan styling visual

            Speech sythesizer/screen reader tidak membaca styling sehingga kawan-kawan tunanetra, terutama yang total, tidak mengidentifikasi jika tulisan tersebut terlihat sebagai sub judul, bold, ukurannya lebih besar, ataupun italic. Adapun styling visual ini melengkapi fungsi aesthetic dari heading marking. Cek rekaman di bawah ini untuk mengetahui bagaimana poin ini dibaca­; contoh menggunakan voice over di Apple.

1.3 Heading bisa tersembunyi

2. Selalu lengkapi ALT-Text

Alternative text adalah komponen mahapenting nomer dua setelah heading dalam menerapkan aksesibilitas website. Hal ini dikarenakan speech sythesizer/screen reader tidak bisa mendeskripsikan gambar. Berikut ini contoh gambar dengan dan tanpa alt teks.

Alt text ini tidak hanya diterapkan pada foto tapi pada elemen visual apapun. Jika ada lebih dari satu elemen visual (foto, ilustrasi, infografis, tombol, icon, symbol) ada baiknya menggunakan kata penunjuk kategori visual tersebut agar mempermudah mengidentifikasi.

3. Pemilihan Redaksi Kata (Copywriting)

Dalam membuat copywriting, terutama untuk gambar, selalu lakukan pertimbangan dengan mengacu ke tujuh pertanyaan berikut:

  • Informasi penting apa yang harus disampaikan dan apa tujuan informasi tersebut ada, baik itu tulisan maupun gambar?
  • Apa atau siapa fokus pada gambar tersebut?
  • Sepenting apa setting atau lokasi?
  • 2E: Adakah ekspresi dan emosi yang terlihat dan penting untuk disampaikan
  • Apakah warna penting untuk dijelaskan?
  • Apakah subjek atau objek di dalam gambar tersebut sedang melakukan aksi?
  • Adakah konteks dari gambar tersebut untuk dijelaskan?

3.1 Deskriptif

Jabarkan informasi secara deskriptif. Maksud deskriptif disini bukan melulu soal visual, tapi mengarahkan dan membantu ekspektasi membaca. Sebagai contoh, di Suarise, kami menghindari menggunakan kata “beberapa”. Alih-alih menggunakan kata tersebut, kami langsung menyebut jumlah atau kuantitasnya. Jadi, hindari menulis “ada beberapa hal yang harus dihindari…”, dan tulislah “ada 6 hal yang harus dihindari…”

Begitu pula dalam membuat deskripsi elemen visual berupa caption maupun Alt-Text. Jangan terlalu simpel, jangan pula terlalu panjang. Berapa banyak idealnya? Tidak ada kaidah tetap, selama alt teks tersebut ringkas dan concise. Kami dari Suarise menyarankan setidaknya 80 karakter atau jangan lebih banyak dari limitasi karakter di twitter 😉 Jangan lupa mencantumkan kategori dari elemen visual tersebut (foto, gambar, ilustrasi, desain, logo, symbol, icon, dll)

3.2 Instruksional

Redaksi yang sifatnya instruksional menjadi penting terutama bagi elemen visual yang memiliki action call­–bisa di klik, bertujuan mengarah pada halaman website tertentu, ataupun mengarahkan ke aksi selanjutnya. Biasanya visual yang memiliki action call, alt teks-nya berisi 2 kalimat: kalimat pertama sifatnya deskriptif, kalimat kedua sifatnya instruksional.

Sebagai contoh, rekaman selanjutnya ini akan membaca layout diantara kalimat ini dengan rekaman tersebut.

 

3.3 Batasi animasi, dan hindari parallax scrolling

3.4 Kontras Warna 4,5:1

Sekilas mungkin terdengar membingungkan, kok aksesibilitas tunanetra membahas warna. Perlu diketahui, kawan-kawan tunanetra ada yg mengalami gangguan penglihatan total ada pula yang parsial (sebagian). Kontras dibutuhkan agar para tunanetra parsial bisa langsung mendeteksi pembagian halaman website dan yang paling penting identifikasi tombol action pada website tersebut.

Kontras ini juga bisa disebut luminance, dan untuk menghitung ini, kita harus menggunakan koefisien RGB. Nilai ini harus dibandingkan antar 2 warna, yaitu warna foreground dan warna background. Bingung? Jangan sedih. Penulis juga sempat bingung. Untuk mendemonstrasikan hal ini, penulis telah berkonsultasi ke senior software engineer, Didiet Noor agar hal ini lebih mudah dipahami yang terangkum dalam percakapan berikut ini:

Simulasi cara menghitung kontras warna 4,5:1 untuk aksesibilitas website melalui percakapan whatsapp

Salah satu tips yang bisa diterapkan dalam mendesain website yang aksesibel bagi tunanetra adalah dengan berpedoman pada mobile first alias desain dan struktur dibuat untuk pengguna telepon genggam atau gawai seluler lainnya.

BONUS untuk pebisnis yang menerapkan website inklusif:
Website yang ramah bagi tuna netra sudah pasti memiliki performa dan usability yang tinggi. Salah satu yang diungkapkan oleh Sami Keijonen adalah dengan poin-poin aksesibilitas website cukup banyak yang overlapping dengan SEO. Dengan demikian, dengan menerapkan website inklusif berarti juga mendongkrak SEO score website tersebut.

Bulan depan, Suarise membahas cara dan tools-tools apa saja yang bisa membantu untuk mengecek tingkat aksesibilitas website yang sudah dibuat. Stay tune ya!

Lebih jauh tentang aksesibilitas website, silakan telusuri tautan berikut ini:

Artikel ini adalah bagian dari upaya Suarise untuk membangun ekosistem digital di Indonesia menjadi 100persenAksesibilitas. Untuk mengetahui lebih lanjut mengenai gerakan ini,

Ikuti tagar #BisaDiAkses di instagram dan akun instagram @tantanganAksesibilitas, 

Bagikan ke lini masa Anda untuk mendukung iklim inklusif di Indonesia

Alt Teks: Aksesibilitas Media Sosial untuk Pengguna Tunanetra
150 150 Theresia Suganda

Fitur Alt-teks di Instagram

Pada akhir November 2018 lalu, Instagram mengumumkan dua peningkatan baru untuk mempermudah orang-orang tunanetra atau dengan gangguan visual menggunakan Instagram. Pembaruan pertama ialah pengadaan teks alternatif (alt text) otomatis sehingga pengguna dapat mendengarkan deskripsi foto melalui teknologi pembaca layar (screen reader). Fitur ini menggunakan teknologi pengenalan objek untuk membacakan daftar benda yang mungkin terkandung di dalam foto. Pembaruan kedua ialah pengadaan kustomisasi teks alternatif sehingga pengguna dapat menambahkan deskripsi foto yang lebih kaya.

Manfaat Pembaruan Instagram Bagi Tunanetra

Alt text otomatis sebenarnya sudah cukup baik. Teknologi kecerdasan buatan (artificial intelligence, AI) sudah mampu mengidentifikasi bentuk-bentuk generik yang terlihat jelas pada foto. Misalnya, bentuk-bentuk generik seperti manusia, bangunan, dan langit. Hanya saja, (saat tulisan ini dibuat) teknologi tersebut masih belum dapat membaca bentuk-bentuk gambar di luar foto, seperti komik, e-poster, atau infografik.

gambar tahapan pengaturan lanjutan instagram untuk memberi keterangan gambar

Pengaturan lanjutan instagram untuk memudahkan tunanetra membaca bentuk gambar (foto: net)

Sementara itu, fitur kustomisasi alt text tersedia pada pengaturan lanjutan (advanced setting). Pengguna dapat memilih menu Write Alt Text, mengisi deskripsi, lalu menyimpannya. Pengguna juga dapat menyunting foto-foto yang sudah terkirim dan menambahkan alt text. Instagram membatasi alt text pada 100 karakter untuk mengajak pengguna berpikir dan tidak sekadar menyalin tempel (copy and paste) caption ke dalam deskripsi foto.

Seminggu setelah fitur ini hadir, saya dan Ega, salah satu peserta pelatihan Digital Content Writing yang diadakan Suarise, mengadakan uji coba penggunaan fitur. Saya menguji kustomisasi alt text dan Ega menguji keterbacaannya pada screen reader. Hasilnya buat kami berdua memuaskan. Saya jadi punya ruang untuk mendeskripsikan isi foto lebih dari sekadar menggambarkan konten foto tetapi juga memberi konteks. Dari sisi pengguna tunanetra, Ega mengalami perjalanan pengguna (user journey) yang lebih singkat untuk mendapatkan pesan dalam kiriman foto. Ega menggambarkan, tanpa alt text, yang dia dapatkan adalah sekadar keterangan (caption) foto. Caption tersebut kadang terpotong atau kadang tidak menjelaskan dengan detail konteks di dalam foto. Misalnya, pada foto secangkir kopi yang diberi caption “Selamat pagi!”. Sementara itu, dengan alt text, dia mendapatkan konteks pesan yang lebih menyeluruh lewat deskripsi gambar dan caption. Misalnya, dengan deskripsi foto “secangkir kopi di pagi hari” dan caption “Selamat pagi!”.

Tonton Bagaimana Screen Reader membaca Instagram

Bandingkan dengan kita yang awas. Hanya dengan melihat foto, kita sudah mendapatkan konteks pesan keseluruhan kiriman, bahkan sebelum kita membaca caption (dan komen-komen) lebih lanjut. Keberadaan alt text tidak hanya memudahkan perjalanan bagi pengguna tunanetra, tetapi juga menjembatani perpindahan pesan dan makna dari satu pengguna ke pengguna lainnya.

ilustrasi media sosial dalam smartphone

Ilustrasi instagram pada smartphone (foto: net)

Kamu Content Creator? Yuk Ikut Membuat Instagram dan Sosial media semakin #BisaDiAkses!

Kesetaraan Akses Media Sosial untuk Tunanetra

Pengadaan fitur alt text otomatis dan kustomisasi alt text oleh Instagram merupakan salah satu upaya memberi kesetaraan akses bagi pengguna tunanetra atau dengan gangguan visual. Langkah ini bukan yang pertama dilakukan di ranah media sosial; fitur serupa sudah ada di Facebook dan Twitter sejak 2016. Di media digital secara umum aksesibilitas tidak berhenti di pengadaan alt text pada foto atau gambar saja. Aksesibilitas juga mengacu pada desain perangkat, produk, dan lingkungan. Hal ini dimaksudkan agar individu dengan disabilitas atau gangguan sensorik dapat berhasil menggunakan perangkat atau produk.

Kesetaraan aksesibilitas media sosial untuk pengguna tunanetra menjadi isu yang semakin relevan mengingat semakin berkembangnya penggunaan media sosial. Menurut Global Digital 2019 Reports yang dirangkum oleh WeAreSocial dan Hootsuite, pengguna aktif media sosial di Indonesia sudah mencapai 56% dari total populasi. Dalam angka tersebut termasuk teman-teman pengguna tunanetra atau dengan gangguan visual yang juga menggunakan media sosial sebagai sarana berkomunikasi.

Inklusi dengan menyediakan akses media sosial yang setara adalah solusi saling menguntungkan bagi pengguna tunanetra atau dengan gangguan visual dan pengguna awas, yaitu untuk transfer informasi dan pengetahuan secara dua arah. Fitur aksesibilitas seperti alt text bisa jadi kesempatan bagi Anda, yang selama ini fokus ke estetika konten visual, untuk menjangkau pengguna tunanetra yang bisa jadi adalah sasaran komunikasi Anda juga.

Ditulis oleh Theresia Suganda, Project Manager untuk Suarise.

 

Bagikan ke lini masa Anda untuk mendukung iklim inklusif di Indonesia
  • suarise
  • No Comments

Teknologi bagi Tuna Netra
150 150 suarise

Perkembangan teknologi di bidang IT, medical engineering maupun biological engineering telah memberikan peluang pengembangan berbagai alat bantu yang ditunjang oleh teknologi modern. Serangkaian penelitian telah dilakukan melibatkan berbagai aspek teknologi, yang antara lain dapat disebutkan sebagai berikut.

1. Guide Device for the Visually Handicapped
Sistem ini merupakan hasil proyek kerja sama antara Kementrian  Perdagangan & Industri dengan Kementrian Kesehatan dan Kesejahteraan. Sistem ini dikembangkan dengan memadukan teknologi photoelectric & ultrasonic, untuk mendeteksi obstacle. Data ini kemudian ditransmisikan kepada user lewat micro-computer. Output dari transmisi berupa suara/bunyi yang akan diteruskan ke pendengaran pemakai. Dengan demikian, mereka akan dapat memahami situasi lingkungan di mana dia berada. Mereka pun dapat mengenali jenis obyek yang menjadi penghalang di depannya, sehingga dapat berjalan dengan aman.

2. Mesin foto copy Braille
Sistem ini dilengkapi dengan OBR (Optical Braille Character Reader). Pertama-tama draft yang tertulis dalam huruf braille akan mengalami proses “Braille Character Recognition”, dan hasil dari proses ini akan ditampilkan di CRT berupa huruf Braille ataupun huruf alphabet, dan katakana pada umumnya. Kemudian user akan mengoreksi sekiranya ada kesalahan pada hasil baca OBR tsb. dan kemudian, hasil editing ini akan diteruskan ke Braille I/O typewriter. Sebagaimana no.1 di atas, proyek ini juga merupakan hasil proyek kerja sama antara Kementrian Perdagangan & Industri dengan Kementrian Kesehatan dan Kesejahteraan.

3. Book-reader for the Visually handicapped
System ini terdiri dari : alat otomatis untuk membalik halaman, scanner, character recognizer, sistem untuk analisa kalimat, speech synthesizer, dan recording unit. Cara kerja sistem ini adalah : Buku ditempatkan di posisi terbaca oleh scanner, dan kemudian scanner akan mengubah tampilan ke bentuk image. Selanjutnya character recognizer (OCR) akan melakukan transformasi image-character, dan sehingga didapat text-based information. Hasil proses ini akan melalui analisa gramatikal, sehingga didapat kalimat yang benar secara grammar dan dapat difahami. Selanjutnya speech synthesizer akan mengubah kalimat ini ke dalam media suara, sehingga dapat dipahami oleh penderita tuna netra.

4. Three-dimensional Information Display Unit
Display ini dibuat dari banyak pin 3 dimensi. Alat ini ditujukan khusus untuk para tuna netra, sehingga informasi lingkungan yang berada di depannya akan diterjemahkan ke dalam pattern tertentu yang ditunjukkan oleh komposisi pin pada display.

5. Sistem Navigasi menggunakan Optical Beacon (Tokai University)
Sistem ini ditujukan untuk membantu membimbing user (tuna netra) di dalam ruangan, agar bisa menuju lokasi yang diinginkan dalam suatu bangunan. Dibandingkan dengan sistem navigasi yang memakai GPS, sistem yang ditunjang oleh optical beacon ini memiliki keunggulan dalam pemakaian dalam ruangan. GPS memang memberikan informasi yang cukup handal untuk pemakaian di outdoor environment, akan tetapi kurang tepat untuk pemakaian indoor. Sistem yang dikembangkan oleh team Tokai University ini diuji dalam suatu ruangan yang dilengkapi dengan optical beacon yang berfungsi sebagai transmitter sinar infra merah. User membawa sebuah receiver yang menerima signal dan informasi yang dipancarkan oleh optical beacon tsb. Selanjutnya dari signal ini, system akan menghitung posisi dimana user berada. Informasi posisi ini akan dipancarkan ke user, dan receiver akan meneruskannya ke processing unit (notebook computer) yang dibawa oleh user. Informasi posisi ini akan berfungsi sebagai input bagi processing unit, dan outputnya adalah informasi berupa suara dari speaker, yang menuntun user ke arah tujuan yang diinginkan.

6. Pengembangan sistem transfer informasi visual 3 dimensi ke dalam informasi dimensional virtual sound. (Tsukuba University).
Informasi visual disekeliling user diperoleh melalui stereo kamera, untuk memperoleh gambaran 3 dimensi posisi dan situasi dimana user berada. Kemudian informasi ini diterjemahkan dan disampaikan kepada user dengan memakai 3 dimensional virtual acoustic display. Dengan demikian user akan memperoleh informasi benda apa saja yang disekitarnya dan bagaimana pergerakan masing-masing object tsb.

Walau terbilang langka, tetapi penelitian dan pengembangan sistem rehabilitasi tuna netra telah mulai dilakukan juga di Indonesia. Pada tahun 1991, telah didirikan Mitra Netra Foundation sebagai salah satu lembaga yang memberikan pengabdian bagi rehabilitasi tuna netra. Lembaga ini melakukan kolaborasi dengan BPP Teknologi, dan dalam kerjasama tsb. Direncanakan pengembangan teknologi text to speech synthesizer, yang mengubah tampilan pada monitor komputer ke dalam informasi berupa suara. Beberapa tema penelitian yang barangkali dapat dirintis untuk dikembangkan di Indonesia antara lain:
1. OCR : Roman Alphabets-Braille Converter System
System ini merupakan pengembangan software OCR, sehingga hasil scanning terhadap buku, dokumen,suratkabar dsb. akan diubah format penyajiannya ke dalam braille-based output. Selain itu terbuka juga kemungkinan untuk memadukannya dengan text to speech synthesizer sehingga didapat output berupa suara.
2. Pengembangan perpustakaan CD yang dikhususkan bagi para tuna netra, sesuai dengan standar internasional DAISY (Digital Audio-Based Information System). Di Jepang, sistem ini telah berkembang dengan baik, dan dengan memanfaatkan teknologi kompresi, sebuah CD dapat menyimpan rekaman sepanjang 50 jam.
3. Pengembangan software voice recognition system khusus untuk bahasa Indonesia, sebagai media input bagi komputer.
4. Pengembangan dan pengadaan software komputer yang diperuntukkan khusus bagi tuna netra..

Selain teknologi yang dikembangkan di atas, terdapat beberapa software yang telah dikenal dan dijual secara bebas yang sifatnya TTS (Text to Speech) synthesizer. Software tersebut adalah:

JAWS (Job Access With Speech)

Jaws for Blind and Low VisionJaws adalah piranti pembaca layar  screen reader) yang memang dikhususkan bagi penderita gangguan penglihatan. Software ini diproduksi oleh The Blind and Low Vision Group at Freedom Scientific of St. Petersburg, Florida, USA. Tujuannya adalah untuk membuat komputer yang digunakan dapat diakses oleh kalangan tuna netra dengan cara menterjemahkan visual  yang terpampang di layar monitor kedalam suara. Hal ini meliputi jendela aplikasi yang keluar, pengguanaan perinta/command, hal hal yang diketik, informasi teknis dokumen (misal ukuran byte-nya, ukuran font, huruf apa yang digunaan, kecepatan bicara dan seterusnya. Software ini juga dapat dimodifikasi oleh masing masing orang, terutama terkait dengan shortcut ataupun command yang digunakan untuk mempermudah kerja tuna netra yang bersangkutan. Sejauh ini JAWS hanya dapat digunakan pada komputer yang menggunakan system operasi Windows dan menggunakan ejaan Inggris dalam pengucapannya. Software ini merupakan akses yang paling esensial bagi tuna netra saat ini untuk melakukan pekerjaannya, terutama yang berkaitan dengan komputer.

Nuance TALKS

Nuance TALKS adalah softare keluaran Nuance yang berfungsi sebagai Text to Speech yang digunakan pada telepon genggam. Aplikasi ini dapat dijalankan pada telepon genggam yang telah menggunakan teknologi Symbian™ . Software ini menyebutkan apapun yang terjadi dengan telepon genggam, seperti panggilan telepon masuk, sms, menu, dan sebagainya.

MLM for the Blind

MLM for the Blind kependekan dari My Learning Module for the Blind, yaitu sebuah alat media baca elektronik untuk para tuna netra yang beroperasi tanpa komputer (stand alone). MLM merupakan alat yang merekayasa perangkat keras dan lunak sekaligus, untuk membuat para tuna netra memiliki alat pembaca buku digital portabel. Diciptakan oleh Erik Taurino Chandra, Rico Wijaya dan Yudhi yang merupakan mahasiswa IT dari  Universitas Bina Nusantara , alat ciptaan mereka ini mampu menerjemahkan tulisan elektronik atau artikel e-book ke dalam huruf Braille, dan enaknya bisa ditenteng-tenteng kemana saja oleh teman-teman tuna netra. Masalah keterbatasan bahan bacaan bagi para tuna netra, diatasi oleh kreatifitas dahsyat mereka bertiga.

MLM for the Blind

MLM for the Blind terdiri dari tombol input, 42 braille cells, buzzer dan Multi Media Card (MMC). Tombol input digunakan untuk memilih judul, membuka bacaan menampilkan baris bacaan serta input halaman bacaan. 42 braille cells akan menampilkan karakter braille. Dua karakter pertama akan menampilkan baris bacaan dan 40 karakter lainnya merupakan isi bacaan yang ditampilkan. Sedangkan buzzer digunakan untuk memberikan pesan kesalahan pada pengguna. Data yang bisa dibaca oleh alat ini melalui MMC yaitu dalam bentuk textfiles (*.txt). MLM for the Blind masuk dalam nominasi INAICTA 2009 kategori ‘e-Learning’. Saat Malam Penganugerahan lalu (29/7), produk ini mendapatkan gelar Special Mention, yaitu bentuk penghargaan tersendiri dari juri yang penilaiannya tidak bisa diganggu gugat.

sumber:
Laporan Tugas akhir Rahma Utami, DKV ITB
http://kickandy.com/theshow/2010/03/05/1836/1/1/1/INOVASI-TIADA-BATAS-
http://www.teknopreneur.com/content/kabar-baik-untuk-tuna-netra-dari-mlm-blind

 

Bagikan ke lini masa Anda untuk mendukung iklim inklusif di Indonesia
Start Typing