Aksesibilitas Website: Panduan Agar Ramah Penyandang Disabilitas
Website yang aksesibel bisa dipakai semua orang, termasuk pengguna pembaca layar dan keyboard. Pelajari prinsip WCAG dan perbaikan yang paling berdampak.
Aksesibilitas website berarti website dapat dipakai oleh semua orang, termasuk penyandang disabilitas netra, rungu, motorik, maupun kognitif. Website yang aksesibel menyediakan teks alternatif untuk gambar, kontras warna yang cukup, navigasi yang bisa dilakukan dengan keyboard, formulir berlabel jelas, dan struktur heading yang rapi, mengikuti pedoman WCAG.
Poin penting
- WCAG memakai empat prinsip: dapat dipersepsi, dapat dioperasikan, dapat dipahami, dan tangguh.
- Perbaikan paling berdampak: teks alternatif, kontras, navigasi keyboard, label formulir, dan heading.
- Untuk instansi pemerintah, aksesibilitas adalah bagian dari pelayanan publik yang inklusif.
- Uji dengan alat otomatis, lalu dengan pengguna sebenarnya.
Siapa yang terbantu
Pengguna netra memakai pembaca layar yang membacakan isi halaman. Pengguna dengan gangguan motorik mungkin hanya memakai keyboard. Pengguna lansia membutuhkan teks yang cukup besar dan kontras yang jelas. Pengguna tuli membutuhkan teks atau takarir pada video. Pada akhirnya, perbaikan ini juga membuat website lebih nyaman bagi semua pengunjung.
Empat prinsip WCAG secara sederhana
- Dapat dipersepsi: informasi tidak hanya disampaikan lewat satu indera. Gambar punya teks alternatif, video punya takarir.
- Dapat dioperasikan: semua fungsi bisa dijalankan dengan keyboard, dan pengguna punya cukup waktu membaca.
- Dapat dipahami: bahasa jelas, navigasi konsisten, dan pesan kesalahan formulir mudah dimengerti.
- Tangguh: kode yang rapi sehingga bisa dibaca berbagai peramban dan alat bantu.
Perbaikan yang paling berdampak
- Teks alternatif yang menjelaskan isi gambar penting. Gambar hiasan cukup diberi teks alternatif kosong.
- Kontras warna antara teks dan latar cukup tinggi, terutama untuk tombol dan tautan.
- Navigasi keyboard: setiap tombol dan tautan bisa dicapai dengan Tab, dan fokusnya terlihat jelas.
- Label formulir yang terhubung dengan kolomnya, bukan hanya teks contoh di dalam kolom.
- Struktur heading berurutan: satu H1, lalu H2 dan H3 sesuai isi.
- Teks tautan bermakna: hindari "klik di sini", gunakan "unduh laporan kinerja 2026".
- Dokumen yang bisa dibaca: PDF berupa teks, bukan gambar hasil pindai.
- Takarir video dan transkrip untuk materi audio.
Cara menguji
- Jelajahi website hanya dengan keyboard selama lima menit.
- Jalankan pemeriksaan otomatis seperti Lighthouse atau alat pemeriksa aksesibilitas lain.
- Periksa kontras dengan alat pemeriksa kontras warna.
- Perbesar tampilan sampai 200 persen dan pastikan isi tetap terbaca.
- Libatkan pengguna penyandang disabilitas untuk mencoba tugas nyata, misalnya mencari layanan atau mengisi formulir.
Aksesibilitas di instansi pemerintah
Website instansi melayani seluruh warga, sehingga aksesibilitas menjadi bagian dari kualitas layanan publik. Terapkan sejak tahap desain dan sertakan dalam kerangka acuan kerja saat pengadaan, agar vendor menguji aksesibilitas sebelum serah terima. Halaman yang paling penting diuji adalah layanan, pengaduan, dan halaman PPID.
Contoh perbaikan cepat yang sering ditemukan
Saat memeriksa website instansi dan kampus, beberapa masalah muncul berulang:
- Spanduk berupa gambar berisi teks penting tanpa teks alternatif.
- Tombol ikon tanpa label, misalnya ikon pencarian atau menu.
- Teks abu-abu muda di atas latar putih yang sulit dibaca.
- Menu tarik-turun yang hanya bisa dibuka dengan tetikus.
- Formulir yang menampilkan pesan kesalahan hanya dengan warna merah.
- Video sambutan pimpinan tanpa takarir.
Sebagian besar perbaikan ini bisa dikerjakan dalam hitungan hari dan langsung terasa manfaatnya.
Aksesibilitas dalam pengelolaan konten
Aksesibilitas tidak berhenti saat website selesai dibuat. Setiap kali admin mengunggah berita atau dokumen, kualitas aksesibilitas bisa turun. Bantu admin dengan:
- Kolom teks alternatif yang wajib diisi saat mengunggah gambar.
- Pilihan gaya heading di editor, bukan sekadar huruf tebal.
- Panduan singkat menulis tautan yang bermakna.
- Pengingat untuk mengunggah dokumen berbentuk teks, bukan hasil pindai.
Menyertakan aksesibilitas dalam pengadaan
Bagi instansi, cara paling efektif adalah mencantumkan persyaratan aksesibilitas di kerangka acuan kerja, misalnya kesesuaian dengan WCAG level AA untuk halaman utama, dan meminta laporan pengujian sebelum serah terima. Dengan begitu, aksesibilitas menjadi bagian dari kualitas yang diperiksa, bukan tambahan yang mudah terlupakan. Lihat juga pengadaan aplikasi pemerintah.
Rajonet menerapkan dasar aksesibilitas pada setiap website instansi pemerintah dan website kampus dan sekolah yang dibangun.
Pertanyaan yang sering diajukan
Apa itu WCAG?
WCAG (Web Content Accessibility Guidelines) adalah pedoman aksesibilitas konten web yang disusun W3C. Pedoman ini memakai empat prinsip: dapat dipersepsi, dapat dioperasikan, dapat dipahami, dan tangguh.
Apakah aksesibilitas hanya penting untuk website pemerintah?
Tidak. Semua website diuntungkan. Website yang aksesibel juga lebih mudah dipakai orang tua, pengguna ponsel di luar ruangan, dan biasanya lebih mudah dipahami mesin pencari.
Bagaimana cara cepat memeriksa aksesibilitas website?
Coba jelajahi website hanya dengan tombol Tab dan Enter, periksa kontras warna dengan alat pemeriksa kontras, dan jalankan pemeriksaan otomatis seperti Lighthouse. Lalu minta pengguna pembaca layar mencobanya.
Apakah memperbaiki aksesibilitas harus merombak desain?
Sebagian besar perbaikan bersifat teknis dan kecil: teks alternatif gambar, label formulir, urutan heading, dan kontras warna. Perombakan besar jarang diperlukan.