IF Notes

Web Accessibility

6 min read

Back to IF3110 Pengembangan Aplikasi Berbasis Web

Topic

Questions/Cues

  • Definisi Aksesibilitas Web?

  • Mengapa aksesibilitas penting?

  • Siapa saja yang diuntungkan?

  • Apa itu WCAG?

  • 4 Prinsip Aksesibilitas?

  • Contoh implementasi konkret?

  • Cara mengevaluasi aksesibilitas?

Reference Points

  • Slides 34-41

Definisi Web Accessibility (Aksesibilitas Web)

Web Accessibility (sering disingkat a11y) adalah praktik merancang dan mengembangkan situs web, tools, dan teknologi sehingga dapat digunakan oleh semua orang, termasuk penyandang disabilitas. Tujuannya adalah untuk menghilangkan hambatan yang mungkin menghalangi akses dan interaksi dengan konten di web.

  • Kutipan Kunci: Seperti yang dikatakan oleh Tim Berners-Lee, “Kekuatan Web terletak pada universalitasnya. Akses oleh semua orang tanpa memandang disabilitas adalah aspek esensial.”

  • Analogi: Bayangkan aksesibilitas web seperti membangun sebuah gedung. Kita tidak hanya membangun tangga, tetapi juga menyediakan ramp (jalan landai), lift, dan pintu yang lebar. Tujuannya agar semua orang, baik yang berjalan, menggunakan kursi roda, atau membawa kereta bayi, dapat masuk dan menggunakan gedung tersebut dengan mudah. Di dunia web, “ramp” ini bisa berupa teks alternatif untuk gambar atau kemampuan navigasi menggunakan keyboard.

Pentingnya Aksesibilitas dan Siapa yang Diuntungkan

Aksesibilitas web penting karena memastikan partisipasi digital yang setara. Ini mencakup berbagai jenis disabilitas:

  • Visual: Kebutaan, rabun senja, buta warna.

  • Auditori: Tuli atau kesulitan mendengar.

  • Motorik: Kesulitan menggunakan tangan, tremor, atau kelumpuhan.

  • Kognitif: Gangguan belajar, kesulitan fokus, atau masalah memori.

Namun, manfaat aksesibilitas jauh lebih luas dan juga membantu pengguna tanpa disabilitas dalam situasi tertentu (situational limitations):

  • Pengguna Lansia: Mengalami penurunan kemampuan penglihatan atau motorik.

  • Pengguna di Lokasi Terang/Bising: Sulit melihat layar di bawah sinar matahari atau mendengar audio di tempat ramai.

  • Pengguna dengan Koneksi Lambat: Teks alternatif akan muncul lebih dulu sebelum gambar dimuat.

  • Pengguna dengan Perangkat Berbeda: Navigasi keyboard berguna jika mouse rusak atau saat menggunakan perangkat tanpa mouse.

Standar Aksesibilitas: WCAG

Web Content Accessibility Guidelines (WCAG) adalah standar internasional yang dikembangkan oleh W3C Web Accessibility Initiative (WAI). WCAG menyediakan serangkaian pedoman teknis yang dapat diikuti oleh developer untuk membuat konten web lebih mudah diakses. Versi yang paling banyak dirujuk adalah WCAG 2.0 (yang juga merupakan standar ISO/IEC 40500) dan versi terbarunya.

Empat Prinsip Utama Aksesibilitas (POUR)

WCAG dibangun di atas empat prinsip dasar yang harus dipenuhi agar sebuah situs dianggap aksesibel:

  1. Perceivable (Dapat Dipersepsikan): Informasi dan komponen antarmuka harus dapat disajikan kepada pengguna dengan cara yang dapat mereka persepsikan. Ini berarti pengguna harus bisa mengenali konten, terlepas dari indra mana yang mereka gunakan.

    • Contoh: Menyediakan teks alternatif (alt text) untuk gambar agar pembaca layar (screen reader) bisa menjelaskannya.

  2. Operable (Dapat Dioperasikan): Komponen antarmuka dan navigasi harus dapat dioperasikan. Pengguna harus bisa berinteraksi dengan semua kontrol dan elemen interaktif.

    • Contoh: Semua fungsionalitas harus bisa diakses sepenuhnya hanya dengan menggunakan keyboard, tanpa bergantung pada mouse.

  3. Understandable (Dapat Dipahami): Informasi dan pengoperasian antarmuka harus dapat dipahami. Konten harus jelas, konsisten, dan dapat diprediksi.

    • Contoh: Menggunakan bahasa yang sederhana dan memberikan instruksi yang jelas untuk mengisi formulir, serta memberi tahu pengguna ketika terjadi kesalahan input.

  4. Robust (Andal): Konten harus cukup andal untuk dapat diinterpretasikan secara konsisten oleh berbagai macam agen pengguna, termasuk teknologi asistif (seperti screen reader).

    • Contoh: Menggunakan HTML yang valid dan semantik agar struktur halaman dapat dipahami dengan benar oleh teknologi masa depan.

Contoh Implementasi dan Evaluasi

  • Teks Alternatif: <img src="logo.png" alt="Logo W3C Web Accessibility Initiative">

  • Navigasi Keyboard: Pastikan urutan fokus saat menekan tombol Tab logis dan semua elemen interaktif (link, tombol, form) dapat dijangkau dan diaktifkan.

  • Transkrip & Teks Film (Caption): Sediakan transkrip untuk konten audio (seperti podcast) dan caption untuk video.

  • Evaluasi: Proses evaluasi dapat dilakukan dengan kombinasi:

    • Tools Otomatis: Seperti Lighthouse di Chrome DevTools, WAVE, atau axe. Tools ini dapat menangkap banyak masalah umum.

    • Pengujian Manual: Menavigasi situs hanya dengan keyboard, menggunakan screen reader (seperti NVDA atau VoiceOver), dan memeriksa kontras warna secara manual.

Summary

Web Accessibility adalah praktik fundamental untuk memastikan bahwa web bersifat universal dan dapat digunakan oleh semua orang, termasuk penyandang disabilitas, dengan menghilangkan hambatan akses. Praktik ini berlandaskan pada empat prinsip utama yang dikenal sebagai POUR (Perceivable, Operable, Understandable, Robust) dan diatur oleh standar internasional Web Content Accessibility Guidelines (WCAG). Implementasi konkretnya mencakup penyediaan teks alternatif untuk gambar, memastikan fungsionalitas penuh melalui navigasi keyboard, dan menggunakan HTML semantik. Manfaatnya tidak hanya dirasakan oleh penyandang disabilitas, tetapi juga oleh berbagai pengguna dalam situasi terbatas, sehingga pada akhirnya menciptakan pengalaman web yang lebih baik dan lebih inklusif untuk semua orang.

Graph View

Backlinks