Aksesibilitas digital, yang biasa disingkat a11y, adalah tentang merancang dan membuat situs dan aplikasi web yang dapat berinteraksi dengan pengguna penyandang disabilitas dengan cara yang bermakna dan setara.
Kursus ini dibuat untuk developer web pemula dan tingkat lanjut. Anda dapat menonton seri ini dari awal hingga akhir untuk mendapatkan pemahaman umum tentang pengujian dan praktik aksesibilitas, atau Anda dapat menggunakannya sebagai referensi untuk subjek tertentu. Jika Anda membaca istilah yang tidak dipahami, lihat glosarium kami. Bagi mereka yang baru mengenal pengembangan web secara keseluruhan, ikuti kursus Mempelajari HTML untuk mengetahui dasar-dasar penggunaan markup dan kursus Mempelajari CSS untuk mempelajari dasar-dasar penataan gaya.
Ini bukan referensi yang lengkap. Setiap bagian memperkenalkan topik bagian, serta memberikan konteks dan contoh. Akan ada link ke referensi topik, seperti spesifikasi MDN dan WCAG, serta artikel web.dev lainnya. Setiap bagian akan memiliki penilaian singkat untuk membantu orang mengkonfirmasi pemahaman mereka.
Beberapa praktik terbaik aksesibilitas berbeda, berdasarkan disabilitas yang Anda tangani. Penting untuk memahami pengguna Anda dan mendengarkan penyandang disabilitas saat mereka memberi tahu apa yang mereka butuhkan.
Kami menantikan masukan Anda. Buka masalah GitHub dan berikan informasi sebanyak mungkin agar kami dapat mengatasinya.
Berikut ini hal yang akan Anda pelajari:
Apa yang dimaksud dengan aksesibilitas digital, dan mengapa hal itu penting?
Desain dan buat situs web dan aplikasi web yang dapat berinteraksi dengan orang-orang difabel dengan cara yang bermakna dan setara. Baca dampak bisnis dan hukum dari pilihan berikut.
ARIA dan HTML
Kapan harus menggunakan ARIA versus HTML.
Struktur konten
Gunakan HTML semantik, tempat terkenal, dan tabel untuk konten yang dapat diakses.
Dokumen
Elemen HTML tambahan yang harus dipertimbangkan ketika membuat situs web dan aplikasi web yang dapat diakses.
Fokus keyboard
Pahami dan tingkatkan gaya dan urutan navigasi keyboard.
JavaScript
Tulis peristiwa pemicu, judul halaman, konten dinamis, dan lainnya yang dapat diakses.
Gambar
Membuat gambar yang mudah diakses.
Warna dan kontras
Membuat palet warna yang aksesibel dengan kontras yang sesuai.
Animasi dan gerakan
Dukung orang dengan semua jenis gangguan yang dipicu gerakan.
Tipografi
Pilih jenis huruf, ukuran font, dan susun teks yang tepat dengan tata letak yang mudah diakses.
Video dan audio
Jenis media alternatif yang membuat video dan audio Anda mudah diakses.
Formulir
Membuat formulir yang mudah diakses.
Desain dan pengalaman pengguna
Membuat desain yang mudah diakses dan mengevaluasi pengalaman pengguna Anda.
Pengujian aksesibilitas otomatis
Cara menjalankan pengujian aksesibilitas otomatis.
Pengujian aksesibilitas manual
Cara menguji aksesibilitas secara manual.
Pengujian Teknologi Pendukung
Cara menguji dengan Teknologi Pendukung (AT).
Kesimpulan dan langkah berikutnya
Referensi lebih lanjut untuk membantu Anda mengambil langkah berikutnya.
Glosarium
Pelajari istilah dan konsep aksesibilitas umum.
Jadi, apakah Anda siap untuk mempelajari aksesibilitas? Mari kita mulai.