Daftar Periksa Aksesibilitas Situs Web untuk Usaha Kecil (Berdasarkan WCAG)

Daftar periksa praktis aksesibilitas situs web berdasarkan WCAG 2.2: pemeriksaan papan ketik dan fokus, teks, kontras, label dan pesan kesalahan pada formulir, alternatif teks gambar, perbedaan pemeriksaan otomatis dan pengujian manual, serta cara mencatat temuan tanpa mengklaim kepatuhan hukum.

Daftar periksa ini mencakup hal-hal yang dapat diperiksa pemilik usaha kecil dalam sekitar satu jam tanpa perangkat lunak khusus: gunakan situs hanya dengan papan ketik, periksa ukuran dan kontras teks, pastikan setiap kolom formulir memiliki label dan pesan kesalahan yang jelas, serta pastikan gambar memiliki alternatif teks yang sesuai. Panduan ini berdasarkan WCAG 2.2, standar yang dirujuk oleh sebagian besar hukum dan kebijakan, serta Pemeriksaan Mudah dari W3C. Lulus pemeriksaan ini tidak membuat situs patuh secara hukum; pemeriksaan ini membantu menemukan hambatan yang paling umum.

1. Pemeriksaan papan ketik dan fokus

Singkirkan mouse. Tekan Tab dari bagian atas halaman sampai bagian bawah, lalu Shift+Tab untuk kembali.

[ ] Tautan "Lewati ke konten" muncul saat Tab pertama (berguna untuk menu panjang)
[ ] Semua tautan, tombol, dan kolom formulir dapat dicapai dengan Tab
[ ] Posisi fokus selalu terlihat (garis tepi atau sorotan)
[ ] Fokus berpindah dalam urutan yang masuk akal, dari atas ke bawah dan kiri ke kanan
[ ] Menu terbuka dengan Enter atau Spasi dan tertutup dengan Escape
[ ] Jendela pop-up dapat ditutup dengan papan ketik dan fokus kembali ke halaman
[ ] Fokus tidak terperangkap (Anda selalu dapat melanjutkan dengan Tab)
[ ] Header tetap tidak menutupi item yang sedang mendapat fokus

2. Teks, kontras, label formulir, dan pesan kesalahan

[ ] Teks isi mudah dibaca pada pembesaran normal (sekitar 16px atau lebih besar)
[ ] Perbesar hingga 200%: tidak ada elemen yang bertumpuk atau terpotong; tidak perlu menggulir ke samping
[ ] Kontras teks setidaknya 4.5:1 (3:1 untuk teks besar) - periksa dengan alat
[ ] Tautan dapat dibedakan dari teks dengan cara selain warna saja
[ ] Setiap kolom formulir memiliki label yang terlihat (teks placeholder bukan label)
[ ] Kolom wajib ditandai dengan teks, bukan warna saja
[ ] Pesan kesalahan menjelaskan masalah dan cara memperbaikinya di dekat kolom
[ ] Tombol menjelaskan fungsinya ("Kirim pertanyaan", bukan "Kirim" atau ikon saja)
[ ] Bahasa halaman ditentukan dan heading berurutan (H1, H2, H3)

Periksa pasangan warna dengan pemeriksa kontras warna. Nilai kontras mengacu pada kriteria kontras minimum WCAG.

3. Fungsi gambar dan alternatif teks

Pohon keputusan teks alt W3C membahas kasus khusus.

4. Pemeriksaan otomatis dibandingkan pengujian manual

Yang ditemukan pemeriksa otomatisYang hanya dapat dinilai seseorang
Atribut alt yang hilangApakah teks alt benar-benar berguna
Kontras rendah pada latar polosKontras teks di atas foto dan video
Kolom formulir tanpa labelApakah label dan pesan kesalahan mudah dipahami
Bahasa halaman tidak ditentukan, tautan kosongUrutan papan ketik, visibilitas fokus, fokus yang terperangkap
Tingkatan heading terlewatiApakah heading menjelaskan isi

Jalankan pemeriksaan otomatis terlebih dahulu (penilai situs web mencakup pemeriksaan aksesibilitas dasar; W3C menyediakan daftar alat evaluasi), lalu lakukan pemeriksaan manual di atas. Jika banyak pelanggan Anda penyandang disabilitas, bayar pengujian yang melibatkan pengguna penyandang disabilitas.

Log temuan terisi (demonstrasi berlabel)

Bisnis fiktif, "Harbour Line Plumbing". Bukan perusahaan sungguhan; contoh ini menunjukkan format, bukan hasil.

Tanggal pemeriksaan: [tanggal]   Diperiksa oleh: pemilik   Halaman: Beranda, Layanan, Kontak
Browser/perangkat: papan ketik laptop saja; ponsel dengan pembaca layar aktif
#  Halaman   Masalah                                  Referensi WCAG  Diperbaiki?
1  Beranda   Ikon telepon tanpa label ("tombol")     4.1.2           ya
2  Beranda   Teks putih di atas foto hero sulit dibaca 1.4.3          ya, lapisan lebih gelap
3  Kontak    Label kolom kode pos hanya berupa placeholder 3.3.2      ya
4  Kontak    Pesan kesalahan hanya berbunyi "Tidak valid" 3.3.1        ya, "Masukkan nomor telepon"
5  Layanan   Teks alt foto galeri adalah nama berkas   1.1.1           ya
6  Semua     Fokus pada tautan menu tidak terlihat     2.4.7           terbuka - dibahas dengan pembuat
Belum diuji: takarir video (tidak ada video di situs)
KOSONG
Tanggal / pemeriksa / halaman / browser dan perangkat:
#  Halaman  Masalah  Referensi WCAG  Diperbaiki? (ya / terbuka + catatan)
Belum diuji:

5. Catat temuan tanpa mengklaim kepatuhan hukum

Fitur klik untuk mengedit di pembuat situs We.Inc, digunakan untuk memperbaiki label dan teks halaman
Memperbaiki label dan teks langsung di pembuat situs We.Inc.

Langkah berikutnya

Mulai dari templat bisnis di pembuat situs web We.Inc, lalu jalankan daftar periksa ini dan penilai situs web sebelum menerbitkan. Paket Free menyediakan hingga 3 situs templat dengan alamat we.inc (tanpa kredit AI dan domain khusus); Starter seharga $20/bulan menambahkan fitur pembuatan berbantuan AI dan domain khusus (harga). Sedang menganggarkan perbaikan atau pembuatan ulang? Gunakan kalkulator biaya situs web.

Mulai membuat situs web bisnis Anda

Pertanyaan yang sering diajukan

Standar apa yang sebaiknya diikuti daftar periksa aksesibilitas situs web?

WCAG 2.2 tingkat AA adalah standar yang dirujuk oleh sebagian besar hukum dan kebijakan. Daftar ini mencakup masalah umum usaha kecil, bukan setiap kriterianya.

Apakah pemeriksa otomatis dapat membuat situs saya aksesibel?

Tidak. Alat otomatis menemukan atribut yang hilang dan beberapa masalah kontras, tetapi seseorang harus memeriksa penggunaan papan ketik, fokus, serta apakah label dan teks alt masuk akal.

Apakah lulus daftar periksa ini membuat situs saya sesuai ADA?

Tidak ada daftar periksa yang dapat menjamin kepatuhan hukum. Simpan log bertanggal, terbitkan pernyataan aksesibilitas yang jujur, dan tanyakan kewajiban Anda kepada pengacara.

Mulai gratis · Tanpa kartu kredit

Product

Who It's For

Features

Resources

Company

View Sitemap