Uraian utama
Panduan aksesibilitas ini memeriksa heading, skip-link, fokus, reflow, kontras, alternatif citra, tabel, keyboard, serta batas pemeriksaan otomatis.
Bacaan panjang memerlukan urutan heading yang dapat dipindai, tautan lompat menuju konten, fokus keyboard yang terlihat, dan tata letak yang mengalir ulang tanpa gulir mendatar. Kontras warna membantu, tetapi tidak menggantikan label, teks alternatif, atau makna yang tetap jelas tanpa warna. Pemeriksaan otomatis dipakai sebagai penjaga awal dan dilengkapi pembacaan manusia.
- Uji urutan heading dan tujuan skip-link menggunakan keyboard sejak halaman pertama dimuat.
- Periksa reflow pada lebar sempit serta zoom tinggi tanpa menyembunyikan tautan atau kolom penting.
- Berikan teks alternatif yang menjelaskan fungsi gambar tanpa menyalin seluruh tulisan dekoratif.
- Padukan hasil alat dengan peninjauan fokus, makna, bahasa, dan alur baca oleh manusia.
Kontras dihitung untuk kombinasi teks dan latar yang digunakan, termasuk tombol. Namun, angka rasio saja tidak menjawab apakah label mudah dipahami, urutan baca masuk akal, atau fokus berpindah ke tempat yang diharapkan.
Banner mengandung banyak tulisan, tetapi transkripsi klaim yang terlihat disediakan di halaman sebagai teks terstruktur. Cara ini membantu pencarian, pembesaran, penerjemahan, serta pembacaan layar tanpa menjadikan gambar sebagai satu-satunya sumber informasi.
Versi AMP memakai komponen gambar berdimensi dan CSS khusus yang menghindari aturan terlarang. Kesetaraan isi, tautan, grid 29 brand, dan klaim banner tetap diperiksa karena validitas sintaks belum tentu menjamin kelengkapan pengalaman.
- Satu h1 utama memberi titik awal yang konsisten.
- Keyboard mencapai menu, detail FAQ, dan seluruh tautan.
- Makna status tidak bergantung hanya pada perbedaan warna.
- Gambar memiliki dimensi untuk mencegah pergeseran tata letak.
- Uji manual menutup celah yang tidak dibaca alat otomatis.
Enam sorotan
Hierarki Heading
Judul bagian mengikuti urutan makna sehingga pembaca layar dapat memahami peta halaman tanpa melihat tata letak.
Lompatan Awal
Skip-link menjadi elemen fokus pertama dan membawa keyboard langsung menuju konten utama yang diberi target jelas.
Fokus Terlihat
Setiap kontrol menunjukkan posisi fokus dengan pembeda yang cukup kuat pada mode terang maupun gelap.
Reflow Sempit
Kartu, tabel lokal, dan daftar menyesuaikan lebar layar tanpa menutupi teks atau memotong tujuan tautan.
Alternatif Citra
Teks alternatif menyampaikan peran banner atau logo, sedangkan klaim visual penting tetap tersedia sebagai teks biasa.
Uji Manusia
Penelaah mencoba alur keyboard, zoom, bahasa, dan pemahaman karena alat tidak dapat menilai seluruh konteks.
Ringkasan
Aksesibilitas bacaan panjang bergantung pada struktur semantik, navigasi keyboard, reflow, kontras, nama tautan, dan alternatif visual yang saling mendukung. Nilai audit otomatis bukan bukti pengalaman semua pembaca, sehingga uji manual tetap diperlukan. Panduan ini dibaca ulang pada 2026-08-28.