Alat Aksesibilitas gratis

Cek WCAG 2.2 untuk Website Anda

Lihat posisi website Anda pada masing-masing dari 55 kriteria keberhasilan WCAG 2.2 Level A dan AA. Setiap kriteria mendapat salah satu dari empat status, sehingga Anda tahu apa yang sudah dicakup uji otomatis dan apa yang masih harus diperiksa oleh manusia.

Gratis. Menguji hingga lima halaman penting dalam sekitar satu menit.

Yang dicek alat ini

  • Setiap kriteria Level A dan AA

    Ke-55 kriteria, 31 di Level A dan 24 di Level AA, sesuai urutan WCAG beserta nomor dan namanya. 4.1.1 Parsing tidak dicantumkan karena WCAG 2.2 menandainya sebagai usang (obsolete).

  • Hasil otomatis dipetakan ke kriteria

    Aturan axe-core dijalankan pada halaman yang Anda masukkan dan hingga empat halaman penting, dan setiap hasil dikaitkan dengan kriteria keberhasilan yang diuji oleh aturan tersebut. Sebuah kriteria dinyatakan gagal jika salah satu aturannya gagal di halaman mana pun yang diuji.

  • Bukti dari uji keyboard

    Uji Tab sebanyak 40 kali tekan di halaman pertama memberi data untuk 2.1.2 No Keyboard Trap, dan, sebagai heuristik yang ditampilkan untuk ditinjau, untuk 2.4.7 Focus Visible.

  • Hasil yang belum pasti dipisahkan

    Jika sebuah aturan tidak bisa mencapai keputusan, misalnya pada teks di atas gambar, kriterianya menampilkan Perlu ditinjau, bukan lolos atau gagal.

  • Celah yang terlihat, bukan skor

    Kriteria yang tidak dicakup aturan otomatis apa pun ditandai Pemeriksaan manual (Manual check). Tidak ada yang dirata-ratakan menjadi persentase yang akan menyembunyikan apa yang tidak diuji.

Yang tidak dapat dicek

  • Memutuskan kriteria yang memerlukan penilaian manusia, seperti 1.4.10 Reflow, 1.4.11 Non-text Contrast, kriteria 1.2 tentang teks keterangan dan audiodeskripsi, serta 3.3.1 sampai 3.3.4 tentang error pada formulir.
  • Mengubah “Tidak ada kegagalan otomatis (No automated failures)” menjadi lolos. Aturan yang sudah berjalan dan lolos hanya mencakup hal yang diuji oleh aturan itu.
  • Membuat klaim kesesuaian, pernyataan aksesibilitas, atau VPAT. Kesesuaian dinilai oleh manusia, berdasarkan halaman yang utuh dan proses yang lengkap.
  • Menguji Level AAA, atau halaman di luar lima halaman dalam pemindaian.
  • Menjangkau langkah-langkah di balik login atau di dalam checkout, tempat kriteria seperti 3.3.7 Redundant Entry dan 3.3.8 Accessible Authentication biasanya berlaku.

Mengapa ini penting

WCAG ditulis dalam bentuk kriteria keberhasilan, dan dengan cara itulah auditor, tim pengadaan, dan pernyataan aksesibilitas menggambarkan sebuah website. Daftar aturan yang gagal memberi tahu apa yang harus diperbaiki. Tampilan per kriteria memberi tahu apa yang sudah dan belum bisa Anda nyatakan tentang website tersebut.

Tool otomatis hanya menyentuh kurang dari separuh kriteria Level A dan AA: axe-core memetakan aturannya ke sekitar 25 dari 55 kriteria. Untuk sisanya, tidak ada uji otomatis yang andal. Software tidak dapat menilai apakah pesan error menyarankan perbaikan (3.3.3) atau apakah halaman masih berfungsi pada lebar 320 piksel CSS (1.4.10). Mencantumkannya sebagai pemeriksaan manual menunjukkan di mana pengujian masih harus dilakukan.

Bahkan kriteria tanpa kegagalan otomatis pun bisa gagal. Aturan untuk 1.1.1 Non-text Content memeriksa bahwa gambar punya teks alt; aturan itu tidak dapat menilai bahwa alt="IMG_2041.jpg" tidak berguna bagi orang yang tidak bisa melihat fotonya.

Cara membaca hasilnya

Gagal
Setidaknya satu aturan otomatis yang terkait dengan kriteria ini gagal di halaman yang diuji. Ini masalah yang pasti; Cek Aksesibilitas Website menampilkan elemen dan halaman di baliknya.
Perlu ditinjau
Pemeriksaan otomatis menandai sesuatu yang tidak bisa diputuskannya, seperti kontras teks di atas gradien. Manusia perlu melihat elemen tersebut.
Tidak ada kegagalan otomatis
Setidaknya satu aturan axe-core yang terkait dengan kriteria ini berjalan dan lolos. Ini bukan berarti sesuai: aturan hanya mencakup sebagian dari yang diminta kriteria.
Tidak terpicu
Ada aturan otomatis untuk kriteria ini, tetapi tidak ada apa pun di halaman yang diuji yang bisa diperiksa aturan tersebut, misalnya tidak ada video untuk aturan teks keterangan atau tidak ada formulir untuk aturan label. Uji secara manual jika website Anda memiliki konten seperti itu di tempat lain.
Pemeriksaan manual
Tidak ada aturan otomatis yang mencakup kriteria ini, jadi pemindaian tidak menyatakan apa pun tentangnya, baik lolos maupun gagal. Uji secara manual.
Level A dan Level AA
Level A adalah batas minimum. Kebijakan yang merujuk WCAG biasanya menyebut Level AA, yang mencakup setiap kriteria Level A.

Cara memperbaiki masalah yang paling umum

  • 4.1.2 Name, Role, Value gagal

    Kontrol kustom yang dibuat dari elemen div atau span (menu, tab, akordeon, toggle) tidak memberi tahu teknologi asistif apa jenisnya atau apakah sedang terbuka. Gunakan <button> bawaan sebisa mungkin, beri nama, dan atur aria-expanded atau aria-pressed agar statusnya dibacakan.

  • 1.3.1 Info and Relationships gagal

    Struktur harus ada di markup, bukan hanya di tampilan. Gunakan elemen h2 dan h3 sungguhan alih-alih paragraf bercetak tebal, ul atau ol untuk daftar, th dengan scope untuk header tabel, serta label atau fieldset dengan legend untuk kelompok kolom formulir.

  • 3.1.1 Language of Page gagal

    Tambahkan atribut lang pada elemen html, misalnya <html lang="en">. Tema WordPress biasanya mencetaknya dengan language_attributes(); di tema Shopify, gunakan <html lang="{{ request.locale.iso_code }}"> di layout/theme.liquid.

  • 2.5.8 Target Size (Minimum) gagal

    Ikon kecil dan link yang terlalu rapat sulit disentuh dengan jari. Buat setiap target minimal 24 × 24 piksel CSS, atau beri jarak antar-target kecil sehingga lingkaran 24 px yang berpusat di masing-masing target tidak tumpang tindih dengan target lain. Padding memperbesar target tanpa mengubah ikonnya.

  • Mengerjakan pemeriksaan manual

    Mulailah dari yang cepat. Untuk 1.4.10 Reflow, perbesar jendela browser selebar 1280 px hingga 400% dan pastikan tidak ada yang perlu digulir ke samping. Untuk 2.4.7 dan 2.4.11, telusuri halaman dengan Tab dan pastikan fokus selalu terlihat serta tidak pernah tersembunyi di balik header sticky atau banner cookie. Untuk 3.3.1, kirim formulir yang berisi kesalahan dan lihat apakah error-nya dijelaskan dengan jelas dalam bentuk teks.

Pertanyaan tentang alat ini

Apa yang berubah di Level A dan AA pada WCAG 2.2?

Enam kriteria ditambahkan: 2.4.11 Focus Not Obscured (Minimum), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum), 3.2.6 Consistent Help, 3.3.7 Redundant Entry, dan 3.3.8 Accessible Authentication (Minimum). WCAG 2.2 juga menambahkan tiga kriteria Level AAA dan menghapus 4.1.1 Parsing.

Mengapa 4.1.1 Parsing tidak dicantumkan?

WCAG 2.2 menandai 4.1.1 Parsing sebagai usang dan menghapusnya, karena browser dan teknologi asistif tidak lagi bergantung pada error markup yang dicakupnya. W3C mencatat bahwa untuk WCAG 2.0 dan 2.1, kriteria ini kini dianggap selalu terpenuhi untuk konten HTML.

Apakah memenuhi WCAG 2.2 juga berarti memenuhi WCAG 2.1?

Ya. WCAG 2.2 kompatibel dengan versi sebelumnya: konten yang sesuai dengan 2.2 juga sesuai dengan 2.1 dan 2.0. Karena itu, pengujian terhadap 2.2 sekaligus mencakup versi lama yang masih dirujuk banyak kebijakan.

Bisakah saya memakai ini untuk menulis pernyataan aksesibilitas atau VPAT?

Ini titik awal, bukan laporan kesesuaian. Pernyataan aksesibilitas atau VPAT memerlukan evaluasi atas setiap kriteria, sebagian besar oleh manusia; daftar Pemeriksaan manual (Manual check) dan Perlu ditinjau menunjukkan kriteria mana yang masih memerlukannya.

Mengapa begitu banyak kriteria berstatus “Pemeriksaan manual (Manual check)”?

Karena tidak ada aturan otomatis untuk kriteria tersebut. Pertanyaan seperti apakah batas waktu bisa diperpanjang, apakah bantuan muncul di tempat yang sama di setiap halaman, atau apakah login memerlukan tes daya ingat bergantung pada cara orang menggunakan website, bukan pada markup yang bisa dibaca sebuah aturan.

Sumber

Alat terkait

Laporan Perbaikan Aksesibilitas ($174, sekali bayar) dimulai dari pemindaian gratis lengkap dan menambahkan lebih banyak halaman, perubahan yang perlu dibuat untuk setiap temuan, PDF, serta uji ulang untuk memverifikasi perbaikan Anda.

Tentang Laporan Perbaikan Aksesibilitas