Uraian utama
Panduan aksesibilitas mengatur struktur, fokus, keyboard, kontras, gerak, gambar, reflow, tabel, bahasa, dan pemeriksaan manual pada ruang briefing.
Ruang briefing tidak inklusif bila bukti hanya dapat ditemukan melalui warna, gerak, pointer, atau tampilan lebar. Halaman ini menghubungkan struktur heading, tautan lompat, fokus terlihat, urutan keyboard, kontras, teks alternatif, reflow, detail buka-tutup, dan tabel gulir berlabel. Pemeriksaan otomatis membantu menemukan sebagian cacat, tetapi hasilnya tidak boleh ditulis sebagai audit pembaca layar atau pengujian manusia sebelum tindakan tersebut benar-benar dilakukan.
- Periksa urutan heading, landmark, label, dan tujuan tautan pada setiap halaman.
- Pastikan fokus keyboard terlihat serta mengikuti alur baca yang masuk akal.
- Uji reflow pada lebar sempit tanpa kehilangan isi atau fungsi utama.
- Catat batas audit otomatis dan jadwalkan pembacaan manual yang diperlukan.
Tautan lompat memberi jalan cepat menuju konten, tetapi manfaatnya perlu diperiksa dengan fokus keyboard nyata. Komponen details harus dapat dibuka menggunakan kontrol standar. Urutan sumber mengikuti makna dokumen agar perpindahan fokus tidak melompat secara membingungkan ketika gaya visual berubah.
Banner tidak boleh dipakai sebagai satu-satunya tempat informasi penting. Figcaption yang terlihat menyalin status klaim dan batas editorial dalam teks HTML. Logo pada header menggunakan aset favicon sesuai arahan desain, namun nama brand tetap hadir sebagai teks agar identitas tidak bergantung pada pengenalan gambar.
Pada layar kecil, overflow seluruh dokumen dianggap cacat, sedangkan tabel yang memang lebar dapat memakai pengguliran lokal dengan label. Pembesaran dan preferensi gerak perlu diuji terpisah. Tidak adanya animasi berlebihan tidak menggantikan kebutuhan fokus, semantik, maupun keterbacaan.
- Semua kontrol interaktif memperoleh nama yang dapat dipahami.
- Warna tidak menjadi satu-satunya pembeda status atau tautan.
- Gambar fungsional memiliki alternatif sesuai tujuan penggunaannya.
- Tabel lebar menyediakan area gulir lokal yang berlabel.
- Laporan menyebut alat, tindakan, ukuran layar, dan batas audit.
Enam sorotan
Struktur Semantik
Heading, landmark, daftar, tabel, tombol, dan tautan memakai elemen yang menerangkan peran serta hubungannya.
Jejak Fokus
Indikator terlihat, urutan logis, dan pemulihan posisi membantu pengguna keyboard memahami lokasi setelah interaksi.
Kontras Terukur
Pasangan teks dan latar diperiksa dengan rasio, sementara makna status juga diberikan melalui kata atau bentuk.
Alternatif Visual
Logo dan banner memperoleh teks alternatif yang menjelaskan fungsi tanpa mengulang seluruh tulisan dekoratif.
Reflow Responsif
Konten utama tetap berada dalam viewport sempit; tabel lebar memakai wilayah gulir lokal yang dapat difokuskan.
Batas Pengujian
Laporan membedakan pemeriksaan kode, browser, keyboard, pembesaran, pembaca layar, dan tinjauan manusia.
Ringkasan
Aksesibilitas menjaga informasi, kontrol, dan bukti tetap dapat digunakan tanpa bergantung pada satu indra atau perangkat. Keluaran perlu memiliki semantik, fokus, kontras, alternatif gambar, pembeda nonwarna, reflow, dan pengendalian gerak yang memadai. Klaim lulus hanya mengikuti pengujian yang sungguh dilakukan; pemeriksaan browser tidak boleh disebut uji pembaca layar bila teknologi bantu belum dipakai. Ditinjau pada 2026-08-28.