Bulan lalu di acara Tokopedia Tech a Break, saya menjelaskan tentang implementasi Accessibility di pengembangan web. Berikut tautan slide nya ada di bawah.
docs.google.com/presentation/d…
docs.google.com/presentation/d…
Kemarin sempat buat utas dan saat itu baru 30%. Tadinya ingin melanjutkan utas tersebut, tetapi setelah dipikir ulang ternyata lebih baik saya bagikan saja langsung slidenya karena banyak banget konten yang harus dituangkan ke dlm utas.
Menyusun slide di atas tidak mudah karena harus menerjemahkan semua konten ke dalam bahasa Indonesia walaupun ngga semuanya ✌️. Kedua, sumber data yang kurang terkait jumlah penyandang disabilitas di Indonesia dan cuma dapat yang ditahun 2014 doang. Arrggghh!
Inginnya saya ingin sisipkan demo pakai screen reader di dalam slide tersebut. Cuma, karena screen reader saya di laptop lagi rada aneh (jalan" sendiri) akhirnya saya tunda dulu. Moga" kalau ada lain waktu saya kasih demonya. 🤞🏼
Waktu saya jelaskan materi ini di acara itu ada dua pertanyaan yakni auto generate alternative text di suatu gambar dan validasi form di aksesibilitas.
Untuk auto generate alternative text di suatu gambar bisa dibaca tautan di bawah: css-tricks.com/using-artifici…
Kalau misalnya kamu mentok mau kasih alternative text apa di suatu gambar, ya mending set aja alt="" biar ngga dibaca sama screen reader.
Kemudian untuk implementasi form validation di accessibility bisa cek di sini: w3.org/WAI/tutorials/…
Topik Accessibility itu luas banget lho ngga cuma konten web dan form aja. Ada multimedia, ARIA, dan lain-lain yang belum saya ketahui. Maka dari itu di slide atas saya cuma bahas konten web dan form.
Jika butuh sumber tambahan, silakan tonton video tentang Accessibility for Everyone oleh Laura Kalbag.
Ternyata ada titik persimpangan lho antara Accessibility dan Performance di web. Silakan ditonton di bawah.😁
Sekian dan semoga bermanfaat. :)
Ngomong", kalau ada yang sedang belajar Accessibility yuk diskusi bareng dengan saya. 😁
@threadreaderapp, please unroll these tweets. 😁
