Alat Kebolehcapaian percuma

Semakan WCAG 2.2 untuk Laman Web

Lihat kedudukan laman web anda bagi setiap satu daripada 55 kriteria kejayaan WCAG 2.2 Tahap A dan AA. Setiap kriteria diberi satu daripada empat status, supaya anda tahu apa yang diliputi oleh ujian automatik dan apa yang masih perlu disemak oleh manusia.

Percuma. Menguji sehingga lima halaman penting dalam kira-kira satu minit.

Apa yang disemak oleh alat ini

  • Setiap kriteria Tahap A dan AA

    Kesemua 55 kriteria, 31 pada Tahap A dan 24 pada Tahap AA, mengikut susunan WCAG berserta nombor dan namanya. 4.1.1 Parsing tidak disenaraikan kerana WCAG 2.2 menandakannya sebagai usang.

  • Keputusan automatik dipetakan kepada kriteria

    Peraturan axe-core dijalankan pada halaman yang anda masukkan dan sehingga empat halaman penting, dan setiap keputusan dikaitkan dengan kriteria kejayaan yang diuji oleh peraturan tersebut. Sesuatu kriteria gagal apabila mana-mana peraturannya gagal pada mana-mana halaman yang diuji.

  • Bukti daripada ujian papan kekunci

    Ujian 40 tekanan Tab pada halaman pertama menyumbang kepada 2.1.2 No Keyboard Trap dan, sebagai heuristik yang dipaparkan untuk disemak, kepada 2.4.7 Focus Visible.

  • Keputusan yang belum muktamad diasingkan

    Apabila sesuatu peraturan tidak dapat membuat keputusan, contohnya pada teks di atas imej, kriterianya menunjukkan Perlu disemak dan bukannya lulus atau gagal.

  • Jurang yang kelihatan, bukan skor

    Kriteria yang tidak diliputi oleh mana-mana peraturan automatik ditandakan Semakan manual (Manual check). Tiada apa-apa yang dipuratakan menjadi peratusan yang akan menyembunyikan apa yang tidak diuji.

Apa yang tidak dapat disemaknya

  • Memutuskan kriteria yang memerlukan pertimbangan manusia, seperti 1.4.10 Reflow, 1.4.11 Non-text Contrast, kriteria 1.2 tentang kapsyen dan perihalan audio, serta 3.3.1 hingga 3.3.4 tentang ralat borang.
  • Menukar “Tiada kegagalan automatik” kepada lulus. Peraturan yang dijalankan dan lulus hanya meliputi apa yang diuji oleh peraturan itu.
  • Menghasilkan tuntutan pematuhan, penyata kebolehcapaian atau VPAT. Pematuhan dinilai oleh manusia, pada halaman penuh dan proses yang lengkap.
  • Menguji Tahap AAA, atau halaman selain lima halaman dalam imbasan.
  • Mencapai langkah di sebalik log masuk atau checkout, tempat kriteria seperti 3.3.7 Redundant Entry dan 3.3.8 Accessible Authentication biasanya terpakai.

Mengapa ia penting

WCAG ditulis sebagai kriteria kejayaan, dan begitulah juru audit, pasukan perolehan dan penyata kebolehcapaian menggambarkan sesebuah laman web. Senarai peraturan yang gagal memberitahu anda apa yang perlu dibaiki. Paparan mengikut kriteria memberitahu anda apa yang sudah boleh dan belum boleh anda katakan tentang laman web tersebut.

Alat automatik hanya menyentuh kurang daripada separuh kriteria Tahap A dan AA: axe-core memetakan peraturannya kepada kira-kira 25 daripada 55 kriteria. Bagi selebihnya, tiada ujian automatik yang boleh dipercayai. Perisian tidak dapat menentukan sama ada mesej ralat mencadangkan pembetulan (3.3.3) atau sama ada halaman masih berfungsi pada lebar 320 piksel CSS (1.4.10). Menyenaraikan kriteria ini sebagai semakan manual menunjukkan di mana ujian masih perlu dilakukan.

Malah kriteria tanpa kegagalan automatik pun boleh gagal. Peraturan untuk 1.1.1 Non-text Content menyemak bahawa imej mempunyai teks alt; peraturan itu tidak dapat mengetahui bahawa alt="IMG_2041.jpg" tidak berguna kepada seseorang yang tidak dapat melihat foto itu.

Cara membaca keputusan

Gagal
Sekurang-kurangnya satu peraturan automatik yang dikaitkan dengan kriteria ini gagal pada halaman yang diuji. Ini masalah yang pasti; penyemak kebolehcapaian menunjukkan elemen dan halaman di sebaliknya.
Perlu disemak
Semakan automatik menandakan sesuatu yang tidak dapat diputuskannya, seperti kontras teks di atas latar kecerunan warna. Seseorang perlu memeriksa elemen itu.
Tiada kegagalan automatik
Sekurang-kurangnya satu peraturan axe-core yang dikaitkan dengan kriteria ini dijalankan dan lulus. Ini bukan pematuhan: peraturan tersebut hanya meliputi sebahagian daripada apa yang dikehendaki oleh kriteria.
Tidak dicetuskan
Peraturan automatik wujud untuk kriteria ini, tetapi tiada apa-apa pada halaman yang diuji untuk disemak olehnya, contohnya tiada video untuk peraturan kapsyen atau tiada borang untuk peraturan label. Ujinya secara manual jika laman web anda mempunyai kandungan sedemikian di tempat lain.
Semakan manual
Tiada peraturan automatik yang meliputi kriteria ini, jadi imbasan tidak mengatakan apa-apa tentangnya, sama ada lulus atau gagal. Ujinya secara manual.
Tahap A dan Tahap AA
Tahap A ialah tahap minimum. Dasar yang merujuk WCAG biasanya menyebut Tahap AA, yang merangkumi setiap kriteria Tahap A.

Cara membaiki masalah yang paling biasa

  • 4.1.2 Name, Role, Value gagal

    Kawalan tersuai yang dibina daripada elemen div atau span (menu, tab, akordion, togol) tidak memberitahu teknologi bantuan apa sebenarnya kawalan itu atau sama ada ia sedang terbuka. Gunakan <button> asli di mana mungkin, berikan nama kepadanya, dan tetapkan aria-expanded atau aria-pressed supaya keadaannya diumumkan.

  • 1.3.1 Info and Relationships gagal

    Struktur mesti berada dalam markup, bukan hanya dalam gaya. Gunakan elemen h2 dan h3 sebenar dan bukannya perenggan bercetak tebal, ul atau ol untuk senarai, th dengan scope untuk pengepala jadual, dan label atau fieldset dengan legend untuk kumpulan medan borang.

  • 3.1.1 Language of Page gagal

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

  • 2.5.8 Target Size (Minimum) gagal

    Ikon kecil dan pautan yang terlalu rapat sukar disentuh dengan jari. Jadikan setiap sasaran sekurang-kurangnya 24 × 24 piksel CSS, atau jarakkan sasaran kecil supaya bulatan 24 px yang berpusat pada setiap sasaran tidak bertindih dengan sasaran lain. Padding membesarkan sasaran tanpa mengubah ikon.

  • Melaksanakan semakan manual

    Mulakan dengan yang cepat. Untuk 1.4.10 Reflow, zum tetingkap pelayar selebar 1280 px kepada 400% dan pastikan tiada apa-apa yang memerlukan penatalan ke sisi. Untuk 2.4.7 dan 2.4.11, tekan Tab melalui halaman dan pastikan fokus sentiasa kelihatan dan tidak pernah tersembunyi di sebalik pengepala melekit (sticky header) atau sepanduk kuki. Untuk 3.3.1, hantar borang yang mengandungi kesilapan dan lihat sama ada ralat diterangkan dengan jelas dalam bentuk teks.

Soalan tentang alat ini

Apakah yang berubah pada Tahap A dan AA dalam WCAG 2.2?

Enam kriteria ditambah: 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 menambah tiga kriteria Tahap AAA dan membuang 4.1.1 Parsing.

Mengapa 4.1.1 Parsing tidak disenaraikan?

WCAG 2.2 menandakan 4.1.1 Parsing sebagai usang dan membuangnya, kerana pelayar dan teknologi bantuan tidak lagi bergantung pada ralat markup yang diliputinya. W3C menyatakan bahawa bagi WCAG 2.0 dan 2.1, kriteria ini kini dianggap sentiasa dipenuhi untuk kandungan HTML.

Adakah memenuhi WCAG 2.2 juga meliputi WCAG 2.1?

Ya. WCAG 2.2 serasi ke belakang: kandungan yang memenuhi 2.2 juga memenuhi 2.1 dan 2.0. Oleh itu, ujian berdasarkan 2.2 turut meliputi versi lama yang masih dirujuk oleh banyak dasar.

Bolehkah saya menggunakan ini untuk menulis penyata kebolehcapaian atau VPAT?

Ia titik permulaan, bukan laporan pematuhan. Penyata atau VPAT memerlukan setiap kriteria dinilai, kebanyakannya oleh manusia; senarai Semakan manual (Manual check) dan Perlu disemak menunjukkan kriteria mana yang masih memerlukannya.

Mengapa begitu banyak kriteria menunjukkan “Semakan manual” (Manual check)?

Kerana tiada peraturan automatik untuk kriteria tersebut. Soalan seperti sama ada had masa boleh dilanjutkan, sama ada bantuan muncul di tempat yang sama pada setiap halaman, atau sama ada log masuk memerlukan ujian ingatan bergantung pada cara orang menggunakan laman web itu, bukan pada markup yang boleh dibaca oleh peraturan.

Sumber

Alat berkaitan

Laporan Pembaikan Kebolehcapaian ($174, sekali bayar) bermula daripada imbasan percuma penuh dan menambah lebih banyak halaman, perubahan yang perlu dibuat bagi setiap penemuan, PDF dan ujian semula untuk mengesahkan pembaikan anda.

Tentang Laporan Pembaikan Kebolehcapaian