Prinsip POUR: Fondasi Dalam Aksesibilitas Website
Prinsip POUR: Fondasi Dalam Aksesibilitas Website
Muhammad Raihan Wildan Pratama
Mahasiswa Teknik Informatika, Universitas Muhammadiyah Riau
email: 240401237@student.umri.ac.id
HOOK
Pernahkah ketika anda mengakses sebuah website, tombolnya tidak bisa diklik atau teksnya susah dibaca? Mungkin untuk kebanyakan orang ini hanya masalah kecil, tapi untuk beberapa orang kondisi ini adalah masalah serius dalam mengakses informasi digital. Inilah alasan mengapa diperlukan prinsip aksesibilitas web, khususnya prinsip POUR, yang menjadi fondasi penting dalam pengembangan website.
Apa itu Prinsip POUR?
POUR adalah dasar dalam Web Content Accessibility Guidelines (WCAG) yang digunakan untuk memastikan sebuah website dapat diakses oleh seluruh pengguna, termasuk penyandang disabilitas. POUR adalah singkatan dari Perceivable, Operable, Understandable, dan Robust, yaitu empat prinsip utama yang menjadi fondasi dalam aksesibilitas web.
Kepanjangan dari POUR | Sumber: https://venngage.com/blog/pour-principles/
Keempat prinsip ini saling berhubungan dan tidak bisa dipisahkan. Sebuah website mungkin sudah mudah dilihat, tetapi jika tidak bisa digunakan dengan keyboard, maka aksesibilitasnya masih kurang. Sebaliknya, jika antarmuka bisa digunakan tetapi sulit dipahami, pengalaman pengguna tetap tidak optimal.
Dengan menerapkan prinsip POUR, pengembang web dan desainer UI/UX memiliki panduan yang jelas untuk membuat pengalaman pengguna yang inklusif. Petrie dan Bevan (2009) menyatakan bahwa tujuan akhir aksesibilitas web untuk memastikan semua pengguna tanpa memandang kemampuan dapat memiliki pengalaman yang memuaskan dan produktif.
Dalam perkuliahan Interaksi Manusia dan Komputer (IMK) di Universitas Muhammadiyah Riau, kami mempelajari bagaimana merancang antarmuka yang tidak hanya menarik secara visual, tetapi juga mudah digunakan dan dapat diakses oleh seluruh pengguna, salah satunya melalui penerapan prinsip POUR.
Perceivable (Dapat Dirasakan)
Prinsip Perceivable artinya informasi dan antarmuka harus disajikan dalam bentuk yang bisa dirasakan oleh berbagai indera. Misalnya, audio/video wajib memiliki teks subtitle agar tunarungu bisa memahami pesan suara. Gambar harus diberi deskripsi teks, agar penyandang tunanetra dengan pembaca layar tahu makna gambarnya. Untuk mendukung prinsip POUR, alat pengembangan perlu menyediakan opsi untuk menambahkan teks alternatif, subtitle, dan heading semantik dalam alur kerja yang intuitif (Henry, Abou-Zahra, & Brewer, 2014).
Contoh Penggunaan Subtitle Pada Video Youtube| Sumber: https://youtu.be/4DzURAfqhTA?si=2Jw9SJCgSDGekjrQ
Pada gambar diatas selain informasi berupa audio/video, disediakan juga subtitle agar para pengguna tunarungu bisa memahami pesan yang terdapat di dalam video. Intinya, informasi sebaiknya disediakan dalam berbagai bentuk, seperti video menjadi teks atau gambar diberi deskripsi, agar semua pengguna dapat mengakses konten dengan mudah.
Operable (Dapat Dioperasikan)
Prinsip Operable memastikan bahwa antarmuka mudah digunakan dengan berbagai cara, tidak hanya dengan mouse. Misalnya, pengguna yang tidak bisa memakai mouse tetap harus dapat mengoperasikan website hanya dengan keyboard. Karena itu, tombol, tautan, dan formulir harus bisa dipilih dan dijalankan menggunakan tombol Tab, Enter, atau spasi, serta tidak membuat pengguna terjebak saat bernavigasi dengan keyboard.
Google Mendukung Fitur Navigasi Menggunakan Keyboard| Sumber: Dokumentasi Pribadi
Dari gambar diatas bisa dilihat bahwa Google mendukung keyboard (tombol Tab dan Enter) untuk bernavigasi pada menu search bar, hal ini ditandai dengan outline biru pada elemen apa yang sedang kita interaksikan saat itu. Navigasi sebaiknya dibuat konsisten dan mudah dipahami. Misalnya, gunakan teks link yang jelas, bukan tulisan umum seperti “klik di sini”, dan susun menu dengan urutan yang logis.
Understandable (Dapat Dipahami)
Prinsip Understandable menekankan bahwa antarmuka harus mudah dipahami dan digunakan. Desain sebaiknya konsisten dan tidak membingungkan, lalu menggunakan bahasa yang jelas dan sederhana. Contohnya, formulir online harus memberi instruksi yang mudah dimengerti dan pesan kesalahan yang menjelaskan apa yang salah dan cara memperbaikinya.
Contoh Pesan Yang Menjelaskan Apa Yang Salah dan Cara Memperbaikinya| Sumber: https://medium.com/@glebkovskaya/a-look-at-incorrect-password-messages-in-apps-e2899edb6411
WCAG juga menekankan bahwa navigasi harus konsisten di setiap halaman, misalnya menu utama selalu berada di posisi yang sama agar mudah dikenali. Intinya, halaman tidak boleh membingungkan, setiap langkah dijelaskan dengan jelas, bahasanya mudah dipahami, dan tampilan dibuat konsisten. Elemen visual dan pola interaksi yang konsisten di berbagai saluran mengurangi beban kognitif yang dibutuhkan untuk mempelajari antarmuka baru (Budiu, 2022).
Robust (Kuat dan Kompatibel)
Prinsip Robust menjelaskan tentang kemampuan sebuah website untuk tetap dapat digunakan secara optimal pada berbagai jenis teknologi. Konten web harus dirancang agar kompatibel dengan berbagai browser, sistem operasi, perangkat, serta alat bantu seperti screen reader dan alat bantu lainnya. Oleh karena itu, WCAG menekankan pentingnya penerapan standar pengkodean yang benar agar website dapat diakses secara konsisten, baik saat ini maupun di masa mendatang.
Perbandungan Struktur Website Semantic dan Non-semantic| Sumber: https://www.revou.co/panduan-teknis/semantic-html
Prinsip Robust menekankan pentingnya penggunaan struktur kode yang jelas agar konten web dapat dipahami oleh teknologi bantu. Penggunaan HTML semantik membantu pembaca layar mengenali fungsi setiap elemen, sementara ARIA digunakan untuk mendukung interaksi yang lebih kompleks. Selain itu, konten juga harus disajikan dalam format yang ramah aksesibilitas, seperti dokumen digital yang dapat dibaca oleh teknologi bantu. Menurut Pappas et al. (2017), teknologi bantu sangat bergantung pada kode yang terstruktur dengan benar, sehingga penggunaan HTML semantik dan label ARIA menjadi sangat penting untuk kompatibilitas.
Kesimpulan
Prinsip POUR (Perceivable, Operable, Understandable, dan Robust) adalah komponen penting dalam aksesibilitas web yang bertujuan untuk memastikan bahwa seluruh pengguna, termasuk penyandang disabilitas, dapat mengakses dan menggunakan website secara optimal. Keempat prinsip ini saling melengkapi dan tidak dapat diterapkan secara terpisah, karena aksesibilitas yang baik harus mencakup aspek persepsi informasi, kemudahan interaksi, kejelasan pemahaman, serta kompatibilitas dengan berbagai teknologi.
Dengan menerapkan prinsip POUR, pengembang web dapat menciptakan website yang lebih ramah, inklusif, dan nyaman digunakan oleh berbagai jenis pengguna. Oleh karena itu, penerapan prinsip POUR sangat penting untuk mewujudkan lingkungan digital yang adil dan dapat diakses oleh semua orang.
BRANDING UMRI
Artikel ini ditulis sebagai bagian dari pembelajaran mata kuliah Interaksi Manusia dan Komputer pada Program Studi Teknik Informatika, Universitas Muhammadiyah Riau (UMRI). Untuk informasi lebih lanjut, silakan kunjungi www.umri.ac.id.
Disclosure Penggunaan AI
Dalam penyusunan artikel ini, penulis menggunakan bantuan AI ChatGPT sebagai alat pendukung untuk proses brainstorming ide dan perbaikan struktur kalimat.
Referensi
Petrie, H., & Bevan, N. (2009). The evaluation of accessibility, usability, and user experience. The Universal Access Handbook, 1-16. https://www.researchgate.net/publication/237062125
Pappas, I., et al. (2017). Proceedings of the 14th International Conference on HCI. Springer Open Access.
Budiu, R. (2022). Consistency in the omnichannel experience. Nielsen Norman Group. https://www.nngroup.com/articles/omnichannel-consistency/
Henry, S. L., Abou-Zahra, S., & Brewer, J. (2014). Accessible authoring tools for the web. W3C Web Accessibility Initiative. https://www.w3.org/WAI/tools/