Aksesibilitas Minimum untuk Website Bisnis

Skor Accessibility di Lighthouse sering saya lampirkan ke klien bersama Performance dan SEO. Angka itu bukan audit WCAG penuh. Ia menangkap kesalahan yang juga mengganggu orang tua di HP, staf yang memakai keyboard, dan pengunjung yang memperbesar teks.

Ini minimum yang saya bereskan sebelum serah terima website bisnis.

Kontras dan teks

• teks kecil di atas foto harus tetap terbaca; jangan mengandalkan gambar untuk kalimat penting;
• placeholder bukan pengganti label;
• ukuran font dasar cukup besar di mobile tanpa harus dicubit.

Kalau CTA hanya terlihat karena warnanya “keren” di layar desainer, cek ulang di luar ruangan.

Form dan nama yang jelas

• setiap input punya label yang tetap terlihat;
• pesan error menjelaskan apa yang harus diperbaiki;
• tombol bertuliskan kerjaannya (“Kirim pertanyaan”), bukan hanya “Submit”;
• link “klik di sini” diganti kalimat yang tetap masuk akal saat dibaca sendiri.

Form inquiry adalah jalur uang. Form yang membingungkan lebih mahal daripada waktu memperbaiki label.

Struktur halaman

• satu H1 yang sesuai judul halaman;
• heading tidak melompat dari H2 ke H4 hanya untuk memperbesar font;
• gambar bermakna punya alt yang menjelaskan isi, gambar dekoratif boleh alt kosong;
• urutan heading sama dengan urutan yang dilihat pengunjung.

Keyboard dan jari

• tab melewati menu, form, dan CTA tanpa jebakan;
• fokus terlihat, tidak dihilangkan CSS;
• area sentuh tombol dan menu cukup longgar di layar sempit;
• menu mobile bisa ditutup lagi, bukan hanya dibuka.

Saya menguji dengan Tab di desktop dan ibu jari di HP, bukan hanya dengan laporan otomatis.

Yang tidak saya janjikan di scope kecil

Audit pembaca layar menyeluruh, subtitel video, dan pernyataan hukum aksesibilitas adalah pekerjaan terpisah. Untuk situs perusahaan, sekolah, atau jasa lokal, daftar di atas sudah menghilangkan sebagian besar temuan Lighthouse yang memalukan di hari pertama.