Lompat ke konten utama

Kompetisi Ajak Teman: hadiah total Rp1.000.000 tunai untuk 3 pengajak terbanyak. Berakhir 29 November 2026. Ikut kompetisi

←

Aksesibilitas Web

Pelajaran 1 dari 16

Dasar aksesibilitas dan struktur halaman

Aksesibilitas, disabilitas, dan teknologi bantu

Setelah pelajaran ini kamu bisa menyebut empat kelompok disabilitas yang dibahas MDN, hambatan sementara dan situasional menurut W3C WAI, serta teknologi bantu yang dipakai tiap kelompok.

±14 menitDiperiksa 28 Sep 2026

Materi

MDN mendefinisikan aksesibilitas sebagai praktik membuat situs bisa dipakai oleh sebanyak mungkin orang. Pembahasannya berpusat pada penyandang disabilitas, tetapi manfaatnya ikut dirasakan pengguna ponsel dan orang dengan koneksi lambat. W3C WAI menambahkan tiga kelompok yang sering terlupa: orang dengan hambatan sementara akibat kecelakaan, operasi, atau obat; orang dengan keterbatasan situasional, misalnya berada di tempat bising sehingga tidak bisa mendengar audio atau di bawah terik matahari sehingga layar sulit dilihat; dan orang lanjut usia, yang kebutuhan fungsionalnya sering sama dengan penyandang disabilitas.

Kelompok (MDN)ContohYang dibutuhkan dari halaman
PenglihatanButa, low vision, buta warnaTeks yang bisa dibacakan pembaca layar, bisa diperbesar, kontras cukup
PendengaranTuli dan kurang dengarTakarir untuk video, transkrip untuk audio
Gerak (motorik)Kelumpuhan, kehilangan anggota badan, tremor, tidak punya tetikusSemua kontrol bisa dijalankan dengan papan ketik
KognitifDisabilitas intelektual, disleksia, ADHD, penurunan daya ingat karena usiaBahasa sederhana, tata letak konsisten, pesan galat yang jelas

Teknologi bantu (assistive technology) adalah perangkat lunak dan keras yang dipakai penyandang disabilitas untuk berinteraksi dengan web. Pembaca layar membacakan teks halaman; MDN menyebut contohnya NVDA dan JAWS di Windows, Narrator bawaan Windows, VoiceOver di macOS dan iOS, dan TalkBack di Android. Pembesar layar dipakai sebagian pengguna low vision, dan semua peramban modern juga punya fitur zoom. Perangkat lunak pengenal suara dan saklar dipakai orang yang tidak bisa memakai papan ketik atau tetikus. Pengguna dengan hambatan gerak yang hanya memakai papan ketik berpindah antarkontrol dengan Tab dan mundur dengan Shift+Tab.

Teknologi bantu hanya bekerja sebaik kode halamannya. Pembaca layar tidak bisa menebak isi gambar tanpa teks alternatif, dan pengguna papan ketik tidak bisa menekan kontrol yang hanya menanggapi klik tetikus. Karena itu kelas ini membahas kode halaman, bukan cara memakai alatnya.

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Bu Ratna, penyandang low vision, membuka situs Puskesmas Mekar Sari. Menurut MDN, alat apa yang dipakai banyak orang dengan hambatan penglihatan seperti dia?

Pilih satu jawaban

Latihan 2 dari 3

Pak Darto mengalami tremor sehingga sulit mengarahkan tetikus dengan tepat. Kebutuhan mana yang disebut MDN untuk kelompok hambatan gerak?

Pilih satu jawaban

Latihan 3 dari 3

Seorang kurir menonton video panduan aplikasi di terminal bus yang bising dan tidak bisa mendengar suaranya. Menurut W3C WAI, kondisinya termasuk apa, dan fitur apa yang membantunya?

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke

Tampilkan 1 lagi