Pembaruan WCAG 2.2: Apa Saja yang Baru?

Pembaruan WCAG 2.2: Transisi Menuju Standar Inklusif Modern

Pada bulan Oktober 2023, W3C (World Wide Web Consortium) merilis secara resmi WCAG 2.2. Pembaruan ini tidak menghapus standar dari WCAG 2.0 atau 2.1; ia sepenuhnya backwards compatible (kompatibel ke belakang), kecuali untuk satu pengecualian besar. Pembaruan ini sangat difokuskan pada peningkatan pengalaman bagi tiga kelompok spesifik: pengguna perangkat mobile, pengguna dengan disabilitas penglihatan (Low Vision), dan pengguna dengan disabilitas kognitif.

Artikel ini membedah elemen-elemen baru tersebut secara teknis, diekstrak secara spesifik dari panduan komprehensif Web Accessibility: WCAG 2.2 made easy oleh Olga Revilla.

---

1. Kematian Kriteria 4.1.1 (Parsing)

Perubahan paling radikal di WCAG 2.2 bukanlah apa yang ditambahkan, melainkan apa yang dihapus. Kriteria sukses 4.1.1 (Parsing) kini resmi berstatus Obsolete (Usang).

Di era WCAG 2.0, HTML sangat tidak stabil. Browser bisa saja "pecah" (gagal melakukan render) hanya karena developer lupa menutup tag <div> atau menggunakan atribut id yang duplikat. Namun, browser modern (Chrome, Firefox, Safari) dan spesifikasi HTML5 kini sudah sangat canggih dalam memperbaiki kesalahan sintaksis secara otomatis (error handling).

Olga Revilla menegaskan bahwa Assistive Technologies (Screen Reader) saat ini bergantung pada Accessibility Tree yang dibangun browser, bukan pada parsing HTML mentah. Oleh karena itu, parsing errors tidak lagi berdampak langsung pada aksesibilitas, dan 4.1.1 akhirnya dipensiunkan.

---

2. Peningkatan Navigasi Fokus (Focus Guidelines)

WCAG 2.2 memperkenalkan aturan yang jauh lebih ketat mengenai visibilitas penunjuk fokus (kursor keyboard).

2.4.11 Focus Not Obscured (Minimum) - Level AA

Pernahkah Anda menekan tombol `Tab`, lalu indikator fokus Anda menghilang di balik Sticky Header atau Cookie Banner yang melayang di layar? Kriteria ini melarang hal tersebut. Jika sebuah elemen mendapatkan fokus keyboard, ia tidak boleh disembunyikan sepenuhnya oleh konten lain.

2.4.12 Focus Not Obscured (Enhanced) - Level AAA

Sama seperti 2.4.11, namun di tingkat AAA, elemen yang fokus sama sekali tidak boleh tertutup sedikit pun oleh elemen lain.

2.4.13 Focus Appearance - Level AAA

Menentukan standar matematis untuk indikator fokus. Indikator fokus harus memiliki rasio kontras setidaknya 3:1 terhadap piksel di sekitarnya, dan ketebalannya harus minimal 2 piksel perimeter. Pendekatan terbaik adalah menggunakan `outline: 2px solid [warna kontras]`.

---

3. Akurasi Interaksi Pointer (Target Size & Dragging)

2.5.7 Dragging Movements - Level AA

Pengguna dengan disabilitas motorik (seperti Parkinson) sangat kesulitan melakukan klik-tahan-geser (drag and drop). Kriteria ini mewajibkan setiap operasi dragging harus memiliki alternatif klik biasa (misalnya: tombol panah atas/bawah untuk memindahkan item dalam daftar, atau tombol klik untuk membuka antarmuka pemilih file).

2.5.8 Target Size (Minimum) - Level AA

Tombol kecil di perangkat sentuh adalah mimpi buruk. Kriteria baru ini menetapkan bahwa setiap target klik interaktif harus berukuran minimal 24 x 24 piksel CSS. Jika tombol visualnya lebih kecil, Anda harus menambahkan padding transparan sehingga ruang klik total memenuhi persyaratan ini, mencegah terjadinya salah klik (misclick).

---

4. Perlindungan Kognitif (Accessible Authentication & Redundant Entry)

Area pembaruan terbesar ditujukan untuk meringankan beban mental (Kognitif) pengguna.

3.2.6 Consistent Help - Level A

Jika situs Anda memiliki halaman Bantuan (seperti FAQ, Live Chat, atau nomor kontak), tautan bantuan tersebut harus berada di lokasi visual yang sama di setiap halaman (misalnya, selalu di pojok kanan bawah).

3.3.7 Redundant Entry - Level A

Pengguna dengan gangguan memori akan sangat frustrasi jika harus mengetik informasi yang sama berulang kali. Jika pengguna sudah memasukkan "Alamat Pengiriman" di halaman pertama checkout, jangan paksa mereka mengetik ulang "Alamat Penagihan" di halaman kedua jika datanya sama. Sediakan kotak centang "Sama dengan Alamat Pengiriman".

3.3.8 Accessible Authentication (Minimum) - Level AA

Mewajibkan pengguna menghafal kata sandi yang rumit, atau menyalin kode TOTP 6 digit dari ponsel ke laptop dalam waktu 30 detik (Tes Kognitif) kini dilarang. Sistem wajib mengizinkan metode alternatif, seperti: - Mengizinkan fitur Copy-Paste untuk kata sandi. - Mendukung fitur Password Manager (pengisian otomatis/Autofill). - Menawarkan pengenalan biometrik (sidik jari/FaceID). - Menggunakan tautan masuk sekali pakai (Magic Link via email).

---

5. Kesimpulan

Pembaruan WCAG 2.2 bukanlah sekadar "tugas tambahan" bagi para developer. Kriteria-kriteria baru ini, khususnya Accessible Authentication dan Target Size, adalah praktik terbaik (best practices) UX modern yang secara langsung akan meningkatkan rasio konversi dan kenyamanan bagi semua pengguna Anda.

---

Referensi

Analisis kriteria sukses (SC) baru di atas diekstrak murni dari bab khusus The WCAG 2.2 Additions di dalam literatur Web Accessibility: WCAG 2.2 made easy oleh Olga Revilla. Penjelasan mendalam mengenai dipensiunkannya SC 4.1.1 (Parsing) serta metrik matematis dari Target Size Minimum merujuk sepenuhnya pada dokumentasi teknis dari penulis tersebut.