Aksesibilitas web mempunyai satu makna sederhana: halaman bisa dipakai semua orang. Sebagian pengunjung memakai pembaca layar yang mengubah teks menjadi suara atau braille; sebagian lain menavigasi hanya dengan keyboard; sebagian lagi tidak dapat mendengar audio video kita. Aksesibilitas memastikan semua pengunjung itu mendapat isi yang sama — bukan versi cadangan yang dikerjakan setelah halaman dianggap beres.
Bagian terbesar pekerjaan itu sudah kita kerjakan sepanjang course ini: heading berurutan, label terpasang, alt yang ditulis sungguh-sungguh, elemen semantik di posisinya. Chapter ini menyusun kerangka berpikirnya: siapa yang dilayani, bagaimana pembaca layar bekerja, dan prinsip apa yang merangkum semuanya.
Siapa yang Dilayani Aksesibilitas #
Penyandang disabilitas penglihatan memakai pembaca layar seperti NVDA, VoiceOver, atau JAWS; sebagian menambahkan perbesaran layar atau baris braille. Penyandang disabilitas motorik sering memakai keyboard sepenuhnya atau alat bantu penunjuk, sehingga setiap interaksi harus bisa dijalankan tanpa mouse. Penyandang disabilitas pendengaran bergantung pada takarir dan transkrip untuk semua konten bersuara. Penyandang disabilitas kognitif memanfaatkan struktur yang mudah dipindai dan bahasa yang lugas.
Aksesibilitas tidak berhenti pada disabilitas permanen — situasi sehari-hari menciptakan hambatan yang sama:
| Situasi sehari-hari | Hambatan yang muncul | Markup yang menolong |
|---|---|---|
| Berdiri di bus sambil memegang tiang | kedua tangan terpakai, mouse tak terjangkau | semua interaksi bisa dijalankan lewat keyboard |
| Makan siang di kantin yang bising | audio video tidak terdengar | track takarir |
| Membuka situs di bawah matahari terik | kontras rendah sulit dibaca | teks nyata dengan kontras cukup, bukan teks di dalam gambar |
| Koneksi lemah di perjalanan | gambar gagal termuat | alt yang menyampaikan isi gambar |
HTML adalah Fondasinya #
Browser membaca HTML dan membangun pohon DOM; pembaca layar berjalan di atasnya, mengumumkan setiap elemen sesuai perannya: “heading level dua”, “tombol”, “edit teks”. Elemen native seperti h1–h6, button, dan label membawa peran, keyboard, dan pengumuman bawaan sejak ditulis. Praktisi kerap menyimpulkan HTML semantik menyelesaikan bagian terbesar pekerjaan aksesibilitas — sisanya keputusan penulisan dan kebiasaan menguji.
Kebalikannya juga benar: div dan span tak berperan apa pun, dan setiap tombol atau kolom isian yang dibangun di atasnya harus dipasok makna dan keyboard satu per satu — biaya penuhnya kita lihat pada chapter kapan-menggunakan-aria.
Empat Prinsip: POUR #
Standar internasionalnya, WCAG (Web Content Accessibility Guidelines) dari W3C WAI, merangkum empat prinsip yang mudah dihafal:
- Perceivable — konten bisa dirasakan: dilihat atau didengar.
- Operable — setiap interaksi bisa dijalankan: mouse, keyboard, maupun sentuh.
- Understandable — teks dan operasinya bisa dipahami tanpa menebak.
- Robust — markup tetap bekerja dengan alat bantu hari ini maupun yang akan datang.
Manfaatnya Dirasakan Semua Pengunjung #
Takarir menolong siapa pun yang menonton di ruang bising; alt menolong setiap pengunjung saat gambar gagal termuat pada koneksi lambat — kita sudah membahasnya pada Section Images. Heading yang rapi mempercepat semua orang memindai halaman; label yang jelas memudahkan semua pengisian form.
Ringkasan #
- Aksesibilitas berarti halaman bisa dipakai semua orang — termasuk penyandang disabilitas penglihatan, motorik, pendengaran, dan kognitif.
- Situasi sehari-hari (bising, terik, tangan terpakai) menciptakan hambatan yang sama; solusinya sama.
- Pembaca layar membaca DOM dan mengumumkan peran elemen; HTML semantik adalah fondasi terbesarnya.
- Empat prinsip WCAG: Perceivable, Operable, Understandable, Robust.
Fondasi yang paling sering dipakai pengguna pembaca layar akan kita bedah pertama: jenjang heading.