Pertimbangan aksesibilitas untuk materi kursus

Di Udemy, konten video dan materi kursus Anda akan berjalan berdampingan, menegaskan apa yang Anda ajarkan, dan menambahkan keterampilan baru. Jadi pastikan seluruh kursus Anda mudah diakses, apa yang Anda berikan bersama kursus sebaiknya mudah diakses.

Di bagian ini, kita akan membahas materi kursus yang mudah diakses dalam empat bagian: 

• Penataan konten
• Semantik dokumen yang bermakna
• Teks alternatif untuk gambar/media
• Kontras warna

 

Penataan konten

• Pastikan konten Anda selalu tertata dan pecah teks ke dalam beberapa paragraf yang lebih singkat dengan tajuk tersendiri. Ini akan membuat konten lebih mudah untuk dipindai dan dibaca oleh semua pengguna.
• Untuk semua dokumen, berikan daftar isi di awal, atau ringkasan (dalam beberapa kalimat atau daftar bullet) mengenai isi dokumen.
• Sertakan glosarium istilah dan definisinya sebagai sumber daya yang dapat diunduh untuk membantu pengguna saat mereka menelusuri kursus. Juga ideal untuk menyertakan sumber daya yang dapat diunduh atau tautan ke slide yang mungkin Anda gunakan.
• Selalu periksa ejaan, tata bahasa, dan keterbacaan. Keterbacaan mengacu pada seberapa mudah bagian teks dibaca oleh seseorang. Ini mungkin meliputi beberapa faktor seperti panjang kalimat, kepadatan suku kata, kompleksitas subjek, dan kelaziman kata. Cari kolega atau teman untuk membaca konten kursus Anda dan mencoba beberapa latihan untuk mengecek sekali lagi dan memastikan kursus Anda mudah diakses!

 

Menjadikan dokumen mudah diakses

Pembaca layar (seperti JAWS, NVDA, atau Voiceover) yang digunakan oleh orang dengan gangguan penglihatan tidak hanya mampu membaca teks di halaman, tetapi juga menampilkan penataan teks dalam bentuk tajuk, subtajuk, dan item daftar. Sebagai contoh, pembaca membaca secara visual akan melihat halaman dengan teks besar dicetak tebal yang mengindikasikan judul bagian, sedangkan orang dengan gangguan penglihatan akan mengetahui mana tajuk melalui yang disebut “penanda semantik.” Informasi meta ini sangat penting untuk dokumen yang mudah diakses. Sayangnya, informasi ini tersedia sebagai bawaan di banyak program dan aplikasi pengolahan kata, seperti Microsoft Word dan Google Docs.

Penting juga untuk mengetahui apa yang membuat beberapa hal lebih sulit untuk pembaca layar. Gabungan sel dalam suatu tabel, misalnya, dapat lebih sulit untuk dinavigasi dan dipahami penataannya saat menggunakan pembaca layar. Selain itu, jika pemformatan dilakukan dengan cara yang tidak semantik, pembaca layar mungkin mengirimkan informasi yang membingungkan. Sebagai contoh, jika Anda menggunakan tanda bintang dan tab, pembaca layar mungkin membacanya sebagai “tab” atau “tanda bintang”, bukan “bullet point”.

Bagian ini hanya mencakup beberapa topik untuk menambahkan semantik ke dokumen digital, tetapi kami telah menyertakan sejumlah sumber daya komprehensif.

 

True Heading

Tajuk adalah salah satu cara terbaik untuk membuat konten lebih mudah diakses. Penggunaan tajuk semantik dan visual sungguhan membuat konten lebih mudah dibaca untuk pengguna dengan atau tanpa gangguan penglihatan.

Dengan menata konten Anda menggunakan tajuk semantik sungguhan, yang terkadang diberi label sebagai “H1” atau “Heading 1” dalam aplikasi pengolahan kata atau slideshow, Anda dapat memastikan pembaca layar menyampaikan konten Anda secara akurat. Sebagai contoh, judul dokumen sebaiknya adalah tajuk level pertama, judul bagian sebaiknya level kedua (misal, H2), dan tajuk subbagian mungkin level ketiga atau keempat. Berikut contohnya:

 

Judul Halaman (Tajuk 1)

Judul Bagian (Tajuk 2)

Konten teks di sini.

Tajuk subbagian (Tajuk 3)

Konten teks di sini.

 

Catatan: Hindari melompati level tajuk — sebagai contoh, jangan melompat dari tajuk level pertama ke tajuk level ketiga. 

 

Daftar bullet dan bernomor sungguhan

Selalu gunakan fungsi bullet point (daftar tidak bernomor) dan daftar bernomor (daftar berurutan) aplikasi pengolahan kata atau slideshow daripada menata gaya teks secara manual dengan tab, tanda bintang, dan angka. Pembaca layar akan mengenali tipe daftar ini dan menyajikan konten Anda dengan benar. 

 

Struktur tabel sederhana

Berhati-hatilah dengan bentangan (atau gabungan) baris atau kolom dan hindari beberapa level header tabel. Gabungan sel bisa membingungkan untuk dijelaskan kepada pembelajar dan untuk diinterpretasikan oleh pembaca layar. Jika memungkinkan, hindari juga penggunaan tabel untuk tata letak visual. 

 

Pastikan tautan deskriptif

Hindari frasa yang berdiri sendiri dan tidak memiliki konteks seperti:

• “Klik di sini” 
• “Di sini”
• “Lainnya”
• “Informasi selengkapnya”
• “Baca selengkapnya”
• “Lanjutkan” 

Kami merekomendasikan agar Anda menggunakan frasa alternatif yang memberi lebih banyak konteks ini:

• “Anda dapat mengunduh silabus”
• “Kutipan ke ____”
• “____ tambahan tersedia dari tautan ini”

Hindari menggunakan URL sebagai tautan, kecuali jika dokumen dimaksudkan untuk dicetak atau jika URL adalah konten yang relevan.

 

Teks alternatif untuk gambar/media

Sebuah gambar menyampaikan ribuan kata, tetapi pembelajar yang hidup dengan gangguan penglihatan atau kebutaan akan mengandalkan teks alternatif untuk gambar Anda. Selalu berikan teks alternatif yang mudah dipahami dan didorong oleh konteks untuk gambar dalam dokumen, presentasi slide Anda, dll. Teks ini akan dibacakan lantang kepada mereka yang menggunakan pembaca layar, atau teknologi bantuan lainnya.

• Banyak alat memungkinkan Anda memberikan teks alternatif untuk gambar. Kotak ini terkadang dilabeli dengan frasa seperti “teks alt,” “alternatif,” atau bahkan “deskripsi gambar.” Jika ada, gunakan bidang ini untuk memberikan teks alternatif untuk gambar.
• Teks alternatif sebaiknya menunjukkan makna gambar, tidak harus berupa deskripsi saja. Sebagai contoh, teks alternatif sebaiknya mengatakan, “gambar roda yang mewakili Pengaturan”, bukan “ikon roda.” Jika Anda harus menghapus gambar, teks apa yang akan Anda gunakan sebagai pengganti? Atau, jika Anda harus mendeskripsikan gambar kepada seseorang melalui telepon, pikirkan tentang apa yang mungkin Anda sampaikan kepada mereka dan gunakan itu sebagai deskripsi gambar Anda.
• Jika sebuah gambar tidak memiliki konten atau fungsi yang relevan, sepenuhnya dekoratif, atau teks alternatif diberikan di teks di dekatnya, gambar sebaiknya memiliki teks alternatif, jika memungkinkan. Beberapa aplikasi pengolahan kata atau slideshow alat memiliki opsi untuk “tidak berisi” atau “kosong”. 
• Hindari menambahkan kata seperti “gambar,” “citra,” atau “tautan ke.” Teknologi bantuan akan otomatis menangani ini dan memberi tahu pengguna mereka sedang membuka gambar.
• Gunakan sesedikit mungkin kata tanpa kehilangan kejelasan atau konteks.
• Untuk dokumen PDF, Adobe Acrobat Pro dapat memverifikasi apakah dokumen Anda memenuhi standar aksesibilitas. Anda akan menemukan tautan di bagian Sumber Daya.

 

Gambar contoh dengan teks alternatif

Sering kali, salinan akan di-default ke nama file gambar yang mungkin tidak membantu.

Teks Alt Default (nama file): adult-kid-tech_revised_220811.jpg

Teks Alt Dimodifikasi:Seorang dewasa duduk di sofa bekerja di laptop dan seorang anak melihat tablet sambil menggunakan headphone.

 

Gunakan kontras warna yang kuat

Kontras warna adalah ukuran perbedaan kecerahan antara dua warna, yang dinyatakan sebagai rasio dari 1:1 (buruk) hingga 21:1 (luar biasa). Pastikan Anda menggunakan kontras warna tinggi, terutama antara teks dan latar belakang. Gambar yang menyertakan teks sebaiknya juga memiliki kontras tinggi. Untuk membantu mengilustrasikan perbedaan antara kombinasi kontras rendah dan tinggi, kami telah memeriksa beberapa contoh teks berwarna di latar belakang putih di bawah ini. 

Kontras buruk

Rasio kontras minimum untuk memenuhi syarat sebagai konten yang mudah diakses adalah 4:5:1. Berikut beberapa contoh kombinasi warna yang gagal memenuhi ambang batas dan sebaiknya dihindari:

• Teks kuning – skor: 1.07:1
• Teks hijau pucat – skor: 1.12:1
• Teks oranye – skor 2.14:1
• Teks pink – skor: 3.14:1
• Teks merah – skor: 4.0:1

 

Kontras baik

Kombinasi warna di bawah ini adalah pilihan bagus karena memberikan kontras yang cukup (rasio 4.5:1 hingga 7:1):

• Teks biru – skor: 4.68:1
• Teks hijau gelap – skor: 5.14:1
• Teks ungu – skor: 6.95:1

 

Kontras luar biasa

Anda akan ingin menggunakan warna yang tercantum di bawah ini karena memberikan kontras terbaik (rasio di atas 7:1):

• Teks oranye tua – skor 7.43:1
• Teks abu-abu gelap – skor: 12.63:1
• Teks hitam – skor: 21:1

 

Ringkasan praktik terbaik untuk konten kursus yang mudah diakses

Konten

• Pastikan salinan Anda selalu tertata dan pecah konten ke dalam beberapa paragraf yang lebih singkat
• Berikan daftar isi atau ringkasan untuk semua dokumen panjang
• Sertakan glosarium istilah sebagai sumber daya
• Periksa ejaan, tata bahasa, dan keterbacaan

 

Semantik dokumen

• Gunakan penanda semantik agar teknologi bantuan dapat berfungsi dengan baik 
• Tata konten Anda menggunakan tajuk sungguhan
• Daftar bullet dan bernomor sungguhan
• Gunakan struktur tabel yang paling sederhana
• Pastikan tautan deskriptif

 

Teks alternatif

• Berikan teks alternatif yang tepat untuk gambar dalam dokumen, presentasi slide Anda, dll.

 

Kontras warna

• Gunakan kontras warna yang kuat untuk teks dan gambar

 

Tautan ke artikel aksesibilitas dan inklusivitas lainnya

• Gambaran umum membuat konten yang mudah diakses dan inklusif 
• Pertimbangan konten video yang mudah diakses
• Pertimbangan konten inklusif
• Sumber daya mengenai aksesibilitas dan inklusivitas