Aksesibilitas Web
Membuat halaman yang bisa dipakai semua orang, diukur dengan WCAG 2.2 tingkat AA.
Pelajaran pertama bisa dicoba tanpa akun. Selanjutnya pakai akun gratis agar progres, draft kode, dan sertifikatmu tersimpan.
Ringkasnya: Aksesibilitas Web adalah kelas gratis berbahasa Indonesia tingkat menengah dari KelasGratis. Cocok untuk orang yang sudah bisa menulis HTML dan CSS dasar dan ingin halamannya bisa dipakai penyandang disabilitas: pengembang web pemula, pengelola situs sekolah, desa, puskesmas, atau UMKM, dan penulis konten yang mengunggah gambar dan video. Isinya 16 pelajaran dalam 4 modul (±4 jam) dengan 52 latihan yang dinilai otomatis di browser. Sertifikat penyelesaian gratis dan bisa dicek keasliannya.
Enam belas pelajaran tentang aksesibilitas web sebagaimana tertulis di WCAG 2.2, dokumen Understanding-nya, tutorial W3C WAI, dan MDN: jenis disabilitas dan teknologi bantu, empat prinsip POUR dan tingkat A, AA, AAA, landmark dan atribut lang, teks alternatif, rasio kontras teks dan non-teks, takarir dan transkrip, navigasi papan ketik dan fokus, formulir berkelompok dan tabel data, aturan pemakaian ARIA, gerak dan ukuran target, perbesar teks dan reflow, serta cara menguji dengan alat dan secara manual. Latihannya memperbaiki HTML dan CSS di editor, menghitung rasio kontras dan ukuran target, dan menggolongkan temuan ke nomor kriterianya.
5,0 ★ (Belum ada ulasan) · 16 pelajaran · 4 modul · ±235 menit
Bawa pulang keterampilannya
Yang akan kamu bisa setelah kelas ini
- Menyebut jenis disabilitas, hambatan sementara dan situasional, serta teknologi bantu yang dipakai tiap kelompok.
- Membaca nomor kriteria sukses WCAG 2.2, menggolongkannya ke prinsip POUR, dan menentukan kriteria yang wajib untuk tingkat AA.
- Menandai wilayah halaman dengan landmark HTML dan memasang atribut lang untuk halaman dan bagiannya.
- Menulis teks alternatif sesuai fungsi gambar: informatif atau dekoratif.
- Menghitung rasio kontras, menerapkan ambang 4,5:1, 3:1 untuk teks besar, dan 3:1 untuk komponen non-teks, serta tidak memakai warna sebagai satu-satunya penanda.
- Memilih takarir, transkrip, atau deskripsi audio sesuai jenis media dan tingkatnya.
Lihat 5 hasil belajar lainnya
- Membuat halaman yang bisa dipakai dengan papan ketik: skip link, indikator fokus, dan urutan fokus yang benar.
- Mengelompokkan kontrol formulir, memasang autocomplete, dan menandai tabel data dengan th, scope, dan caption.
- Menerapkan aturan pemakaian ARIA, memilih aria-labelledby atau aria-label, dan memasang aria-live untuk pesan status.
- Menghormati prefers-reduced-motion, memenuhi ukuran target 24×24 CSS px, dan menjaga halaman tetap utuh pada perbesaran 200 persen dan lebar 320 CSS px.
- Menguji aksesibilitas dengan alat otomatis dan pemeriksaan manual, dan menyebut batas alat evaluasi.
Untuk siapa
Orang yang sudah bisa menulis HTML dan CSS dasar dan ingin halamannya bisa dipakai penyandang disabilitas: pengembang web pemula, pengelola situs sekolah, desa, puskesmas, atau UMKM, dan penulis konten yang mengunggah gambar dan video.
Prasyarat
Bangun Halaman Web Pertamamu, CSS Tata Letak dan Responsif (untuk pelajaran fokus, gerak, dan reflow)
Kelas yang dianjurkan sebelumnya: Bangun Halaman Web Pertamamu, CSS Tata Letak dan Responsif
Relevan untuk pekerjaan dan tujuan
Kelas ini termasuk kelas inti untuk Web developer dan Desainer UI/UX pemula.
Alat yang perlu disiapkan
- Browser modern. Editor HTML dan preview sudah tersedia di halaman pelajaran; pembaca layar tidak wajib dipasang.
Tempat berlatih
Coba, periksa, lalu lanjutkan.
52 latihan di 16 pelajaran. Jawaban diperiksa langsung di halaman materi; petunjuk dibuka bertahap.
Jalur belajar kelas ini
Kurikulum
4 modul · 16 pelajaran · ±235 menit
Urutan pelajaran tidak dikunci.
Sertifikat kelas
Selesaikan kelasnya, sertifikat ini atas namamu.
- Nama lengkapmu dan judul kelas tercetak di sertifikat.
- Kode dan QR yang bisa dicek siapa saja di kelasgratis.com/verifikasi.
- Sekali klik ke profil LinkedIn, atau unduh PNG dan PDF.
Bukti penyelesaian materi, bukan akreditasi atau sertifikasi kompetensi.
Pertanyaan yang sering muncul
Apakah lulus kelas ini berarti situs saya pasti memenuhi WCAG?
Tidak. Pelajaran pengujian mengutip W3C WAI: alat tidak bisa memeriksa semua aspek secara otomatis, dan halaman yang tampak lolos pemeriksaan awal masih bisa punya hambatan berarti. Kelas ini mengajarkan kriterianya, cara memperbaiki kode, dan cara mengujinya.
Mengapa sasarannya tingkat AA, bukan AAA?
Tingkat AA mencakup semua kriteria A dan AA. Dokumen Understanding Conformance W3C menyatakan AAA tidak disarankan diwajibkan untuk seluruh situs, karena sebagian kriteria AAA tidak mungkin dipenuhi oleh sebagian konten. Beberapa kriteria AAA, seperti 2.3.3 dan 2.5.5, tetap disebut sebagai pembanding.
Apakah saya harus bisa memakai pembaca layar?
Tidak wajib. Latihannya menilai kode HTML dan CSS, angka rasio kontras dan ukuran target, serta nomor kriteria. Pelajaran pertama menyebut contoh pembaca layar seperti NVDA, VoiceOver, dan TalkBack bila kamu ingin mencobanya.
Dari pengalaman belajar
Ulasan peserta
Apa yang membantu, dan apa yang masih bisa diperbaiki?
Ulasan berasal dari akun yang telah menyelesaikan setidaknya satu pelajaran. Bintang 1–3 ditinjau admin sebelum terbit; bintang 4–5 langsung terbit. Sebelum ada ulasan terbit, kelas menggunakan nilai awal admin 5,0. Setelahnya, rating mengikuti rata-rata ulasan yang sudah terbit.
Pengalamanmu bisa membantu peserta berikutnya.
Belum ada ulasan yang terbit untuk kelas ini.
Bagikan pengalaman belajarmu
Masuk dan selesaikan satu pelajaran untuk menulis ulasan. Masuk ke akun →
Setelah kelas ini
Jalur yang memuat kelas ini
Lanjutkan ke kelas lain
Contekan untuk dipakai sambil bekerja
Revisi materi terakhir: 28 Sep 2026. Laporan kesalahan bisa dikirim dari setiap halaman pelajaran.