Prinsip POUR: Fondasi Aksesibilitas Web yang Inklusif
Lead / Hook
Pernahkah Anda membuka sebuah website, tapi tidak bisa menemukan tombol penting, tulisan sulit dibaca, atau form error tanpa penjelasan? Bagi sebagian pengguna, kondisi ini bukan sekadar “kurang nyaman”, tetapi membuat website tidak bisa digunakan sama sekali. Inilah alasan mengapa aksesibilitas web tidak bisa dianggap fitur tambahan, melainkan kebutuhan dasar.
Pendahuluan
Aksesibilitas web adalah upaya memastikan konten digital dapat digunakan oleh semua orang, termasuk penyandang disabilitas. World Wide Web Consortium (W3C) merumuskan Web Content Accessibility Guidelines (WCAG) sebagai standar internasional, dengan empat prinsip utama yang dikenal sebagai POUR: Perceivable, Operable, Understandable, dan Robust.
Keempat prinsip ini menjadi fondasi dalam mengevaluasi dan merancang website yang inklusif. Berbagai penelitian menunjukkan bahwa banyak website—termasuk website pendidikan dan layanan publik—masih belum memenuhi prinsip dasar ini, terutama pada aspek teks alternatif, navigasi, dan kompatibilitas dengan pembaca layar .
Perceivable — Informasi Harus Bisa Dipersepsi Pengguna
Prinsip Perceivable menekankan bahwa informasi dan komponen antarmuka harus dapat ditangkap oleh indra pengguna. Artinya, konten tidak boleh hanya bergantung pada visual semata.
Contoh paling umum adalah gambar tanpa teks alternatif (alt text). Bagi pengguna screen reader, gambar tanpa deskripsi sama saja dengan informasi yang hilang. Selain itu, kontras warna yang rendah juga menyulitkan pengguna dengan gangguan penglihatan(Fithriyaningrum et al., 2021).
Contoh praktis (website):
· Website berita yang menampilkan infografis tanpa alt text → informasi tidak terbaca oleh screen reader.
· Website e-commerce yang menggunakan warna teks abu-abu muda di atas background putih → sulit dibaca pengguna low vision.
Masalah seperti ini banyak ditemukan pada website Indonesia yang dianalisis menggunakan WCAG .
Operable — Website Harus Bisa Dioperasikan Semua Pengguna
Operable berarti semua fungsi website harus dapat dioperasikan, termasuk oleh pengguna yang tidak menggunakan mouse.Pengguna tunanetra atau pengguna motorik terbatas sering mengandalkan keyboard navigation. Jika menu dropdown, tombol, atau form tidak bisa diakses dengan tombol Tab atau Enter, maka website tersebut gagal secara aksesibilitas(Penulis & Muliawan, 2025).
Contoh praktis (website/aplikasi):
· Website kampus dengan menu dropdown yang hanya muncul saat hover mouse.
· Form pendaftaran online yang tidak memiliki indikator fokus keyboard.
Riset aksesibilitas layanan publik Indonesia menunjukkan bahwa navigasi menjadi salah satu hambatan utama bagi pengguna disabilitas netra .
Understandable — Konten dan Interaksi Harus Mudah Dipahami
Prinsip Understandable menekankan bahwa pengguna harus mengerti isi dan cara kerja website. Bahasa yang terlalu teknis, navigasi tidak konsisten, serta pesan error yang ambigu sering membuat pengguna bingung(Web Content Accessibility Guidelines (WCAG) 2.0, 2008).
Contoh praktis:
· Form login yang hanya menampilkan pesan “Error” tanpa penjelasan.
· Perubahan layout menu secara tiba-tiba di halaman berbeda.
WCAG menekankan pentingnya pesan error yang jelas dan bantuan koreksi input agar pengguna tidak tersesat saat berinteraksi dengan sistem .
Robust — Konten Harus Andal dan Kompatibel
Robust berarti konten harus kompatibel dengan berbagai perangkat, browser, dan teknologi bantu seperti screen reader (NVDA, JAWS, TalkBack). Website yang dibangun tanpa struktur HTML semantik sering gagal dibaca dengan benar oleh teknologi bantu, meskipun secara visual terlihat baik(Richardson, 2007).
Contoh praktis:
· Tombol dibuat dari <div> tanpa label → screen reader tidak mengenalinya sebagai tombol.
· Website tidak responsif di mobile → menyulitkan pengguna dengan kebutuhan khusus.
Prinsip ini menekankan bahwa aksesibilitas bukan hanya untuk kondisi saat ini, tetapi juga untuk teknologi di masa depan .
Kesimpulan (Actionable Insights)
Prinsip POUR bukan sekadar teori, melainkan kerangka praktis untuk menciptakan website yang benar-benar inklusif. Dengan memastikan konten dapat dipersepsi, dioperasikan, dipahami, dan andal, pengembang tidak hanya membantu penyandang disabilitas, tetapi juga meningkatkan kualitas pengalaman pengguna secara keseluruhan.
Langkah sederhana yang bisa diterapkan:
· Tambahkan alt text pada semua gambar.
· Uji navigasi hanya dengan keyboard.
· Gunakan pesan error yang jelas dan human-friendly.
· Lakukan audit WCAG menggunakan tools seperti WAVE.
Branding UMRI
Artikel ini ditulis sebagai bagian dari pembelajaran mata kuliah Interaksi Manusia dan Komputer (IMK) di Program Studi Teknik Informatika, Universitas Muhammadiyah Riau.
Informasi lebih lanjut tentang UMRI dapat diakses melalui https://www.umri.ac.id
Referensi
Fithriyaningrum, D., Kusumawardhani, S., & Wibirama, S. (2021). Analisis Aksesibilitas Website berdasarkan Web Content Accessibility Guidelines (WCAG): Ulasan Literatur Sistematis An Analysis of Website Accessibility Based on Web Content Accessibility Guidelines (WCAG): A Systematic Literature Review. Jurnal Ilmu Pengetahuan Dan Teknologi Komunikasi, 23(1), 79–92. https://doi.org/10.33169/ipt
Penulis, T., & Muliawan, M. R. (2025). AKSESIBILITAS SITUS WEB LAYANAN PUBLIK INDONESIA UNTUK DISABILITAS NETRA LAPORAN RISET.
Richardson, S. (2007). Conversation in the Odyssey. In College Literature (Vol. 34, Issue 2, pp. 132–149). West Chester University. https://doi.org/10.1353/lit.2007.0021
Web Content Accessibility Guidelines (WCAG) 2.0. (2008). http://www.w3.org/TR/2008/REC-WCAG20-20081211/Latestversion:http://www.w3.org/TR/WCAG20/