Tingkat WCAG: A, AA, AAA

Sekitar 15% penduduk dunia memiliki suatu bentuk disabilitas. Situs yang mudah diakses dapat digunakan oleh semua orang: pengguna pembaca layar, pengguna yang hanya menggunakan papan ketik, pengguna dengan penglihatan rendah, dan pengguna pada jaringan lambat. Aksesibilitas juga merupakan persyaratan hukum di banyak yurisdiksi.

WCAG adalah standar W3C yang mendefinisikan hal-hal yang membuat konten web mudah diakses. Versi saat ini: WCAG 2.2 (Oktober 2023). Penerusnya, WCAG 3, masih berupa draf awal.

WCAG disusun berdasarkan empat prinsip: Dapat Dipersepsi, Dapat Dioperasikan, Dapat Dipahami, dan Kokoh. Setiap kriteria keberhasilan termasuk dalam salah satunya.

Informasi harus dapat disajikan dengan cara yang dapat dipersepsi pengguna: teks alternatif untuk gambar, keterangan untuk video, kontras warna yang memadai, serta teks yang dapat diperbesar hingga 200% tanpa kehilangan fungsi.

Semua fungsi harus dapat digunakan melalui papan ketik: tanpa interaksi yang hanya mengandalkan tetikus, waktu yang cukup untuk membaca konten, tanpa konten berkedip yang dapat memicu kejang, serta cara navigasi yang jelas.

Konten dan pengoperasiannya harus dapat dipahami: bahasa yang mudah dibaca dinyatakan dengan jelas, pola navigasi dapat diprediksi, pesan kesalahan disertai saran yang jelas, dan label konsisten.

Konten harus berfungsi dengan teknologi bantu saat ini maupun mendatang. Gunakan HTML yang valid, ikuti praktik terbaik ARIA, dan pastikan nama/peran/nilai dapat ditentukan secara terprogram.

Level A: minimum (wajib). Level AA: target standar (yang diwajibkan oleh sebagian besar undang-undang). Level AAA: tingkat tertinggi, tidak praktis untuk seluruh situs—diterapkan hanya pada halaman kritis.

Sebagian besar proyek menargetkan WCAG 2.1 AA atau 2.2 AA—tingkat yang diwajibkan oleh European Accessibility Act (EAA), Section 508 di US, dan sebagian besar aturan pengadaan perusahaan.

Level A: teks alternatif pada gambar, dapat diakses melalui papan ketik. Level AA: rasio kontras 4,5:1 untuk teks, tidak ada informasi yang disampaikan hanya melalui warna, fokus terlihat, dan ukuran dapat diubah hingga 200%. Level AAA: kontras 7:1, bahasa isyarat untuk video, dan bantuan sesuai konteks.

1) Tambahkan teks alternatif ke setiap gambar. 2) Gunakan HTML semantik (button, nav, h1-h6). 3) Pastikan kontras warna memenuhi rasio 4,5:1. 4) Uji situs hanya dengan papan ketik. 5) Tambahkan label ke setiap masukan formulir. 6) Gunakan indikator fokus yang terlihat.

WCAG 2.2 adalah standar yang berlaku saat ini. Empat prinsipnya adalah: Dapat Dipersepsi, Dapat Dioperasikan, Dapat Dipahami, dan Kukuh (POUR). Tiga tingkat kesesuaian: A (dasar), AA (target hukum), dan AAA (tertinggi). Sasar tingkat AA untuk mematuhi persyaratan hukum. Langkah cepat: teks alternatif, HTML semantik, kontras 4,5:1, pengujian dengan papan ketik, masukan berlabel, dan fokus yang terlihat.