16 Jan

Prinsip POUR: Strategi Komprehensif Membangun Website Inklusif untuk Semua Orang

By Kebiiaprilian views

Oleh : Bebri Syahren Aidil Hakim

Mahasiswa Teknik Informatika, Universitas Muhammadiyah Riau

 

Gambar1 1

Pernahkah Anda membayangkan bagaimana seorang tunanetra "melihat" sebuah website, atau bagaimana seseorang dengan gangguan motorik melakukan navigasi internet tanpa menggunakan mouse?. Aksesibilitas digital bukan lagi sekadar tren atau fitur tambahan, melainkan standar wajib agar informasi dapat diakses oleh siapa saja tanpa diskriminasi. Di sinilah prinsip POUR hadir sebagai fondasi utama dalam dunia Interaksi Manusia dan Komputer (IMK).

Mengenal Filosofi POUR dalam Desain Digital

Pour Principles, Perceivable Operable Understandable and Robust coloured block diagram

Gambar1 2

Dalam perkuliahan IMK di Universitas Muhammadiyah Riau, kami mendalami bahwa desain yang hebat adalah desain yang inklusif bagi keberagaman manusia. POUR adalah standar internasional yang dikembangkan oleh WCAG (Web Content Accessibility Guidelines) sebagai panduan bagi desainer dan pengembang.

Berikut adalah empat pilar utama POUR yang menjadi standar penilaian aksesibilitas:

  1. Perceivable (Teramati): Informasi dan komponen antarmuka harus dipresentasikan sedemikian rupa agar dapat dirasakan oleh indra pengguna. Artinya, konten tidak boleh hanya bergantung pada satu indra saja; jika seseorang tidak bisa melihat gambar, mereka harus bisa "mendengarnya" melalui teks alternatif.
  2. Operable (Dapat Dioperasikan): Komponen antarmuka tidak boleh mengharuskan interaksi yang tidak bisa dilakukan pengguna. Semua fungsi navigasi harus dapat diakses sepenuhnya melalui keyboard bagi mereka yang memiliki keterbatasan motorik halus.
  3. Understandable (Dapat Dimengerti): Bahasa, instruksi, dan pengoperasian sistem harus jelas serta konsisten. Pengguna tidak boleh merasa bingung saat mengisi formulir pendaftaran atau saat menerima pesan kesalahan (error).
  4. Robust (Kokoh): Konten harus cukup kuat untuk diinterpretasikan dengan andal oleh berbagai agen pengguna. Hal ini mencakup kompatibilitas dengan browser lama hingga teknologi asistif masa depan seperti screen reader terbaru.

Analisis Kasus: Implementasi Nyata yang Relatable

How to Choose the Right Screen Reader: A Practical Guide

Gambar1 3

Untuk memberikan gambaran yang lebih mendalam, berikut adalah penerapan praktis yang kami pelajari di Universitas Muhammadiyah Riau:

  1. Penggunaan Alt-Text: Memberikan deskripsi teks pada gambar krusial bagi tunanetra agar mereka mendapatkan konteks visual yang sama dengan pengguna lain.
  2. Kontras Warna yang Optimal: Memastikan rasio kontras teks terhadap latar belakang cukup tinggi agar penderita low vision atau buta warna tetap bisa membaca informasi dengan nyaman.
  3. Indikator Fokus Keyboard: Memberikan tanda visual (seperti garis tepi) saat pengguna menekan tombol 'Tab' pada keyboard agar mereka tahu di mana posisi kursor berada.

Fenomena Curb Cut Effect: Manfaat bagi Semua Orang

Menariknya, desain yang aksesibel ternyata membawa keuntungan bagi semua orang, bukan hanya penyandang disabilitas—fenomena ini dikenal sebagai Curb Cut Effect. Sebagai contoh, teks caption pada video awalnya dibuat untuk membantu tunarungu, namun kini sangat berguna bagi mahasiswa Universitas Muhammadiyah Riau yang sedang belajar di tempat umum yang bising tanpa membawa earphone. Begitu pula dengan desain tombol yang besar (ergonomis) yang memudahkan pengguna saat sedang terburu-buru menggunakan perangkat mobile.

Panduan Audit: Tools untuk Mengukur Aksesibilitas

Sebagai calon praktisi IT, melakukan audit adalah langkah nyata untuk menjamin kualitas sebuah produk digital. Berikut beberapa tools yang direkomendasikan untuk melakukan pengecekan standar WCAG:

  1. WAVE & axe: Ekstensi browser yang mampu mendeteksi kesalahan kontras dan struktur HTML secara instan.
  2. Google Lighthouse: Tool audit bawaan Google Chrome yang memberikan skor aksesibilitas beserta saran perbaikannya.
  3. Manual Testing: Cobalah mengakses website Anda hanya menggunakan keyboard atau nyalakan fitur screen reader pada smartphone Anda untuk merasakan pengalaman pengguna disabilitas secara langsung.

 

Insight Aplikatif Aksesibilitas adalah bentuk empati tertinggi dalam teknologi. Dengan menerapkan prinsip POUR, kita tidak hanya membuat website yang unggul secara teknis, tetapi juga lebih manusiawi dan inklusif.

Diskusi Yuk! (Call to Action) Apakah Anda pernah menemukan website yang sangat sulit digunakan karena navigasinya membingungkan? Atau justru Anda menemukan fitur aksesibilitas yang sangat membantu produktivitas Anda? Mari ajak diskusi di kolom komentar!.

 

Branding Universitas Muhammadiyah Riau Artikel ini disusun sebagai bagian dari pemenuhan tugas mata kuliah Interaksi Manusia dan Komputer (IMK) di Program Studi Teknik Informatika, Universitas Muhammadiyah Riau. Kami berkomitmen untuk terus berinovasi dalam menciptakan solusi teknologi yang adil bagi seluruh lapisan masyarakat. Untuk informasi lebih lanjut mengenai program pendidikan dan kontribusi ilmiah kami, silakan kunjungi website resmi kami di: www.umri.ac.id.

 

 

Referensi Kredibel:

  1. W3C. (2018). Web Content Accessibility Guidelines (WCAG) 2.1.
  2. Norman, D. (2013). The Design of Everyday Things.
  3. Nielsen Norman Group. Accessibility: First Steps for Designers.
  4. Modul Perkuliahan IMK Pertemuan 13: Evaluasi Usability dan Aksesibilitas, Universitas Muhammadiyah Riau.