Jalankan pemeriksaan WCAG 2.1 Level AA otomatis di halaman mana pun.
Jalankan pemeriksaan WCAG 2.1 Level AA otomatis di halaman mana pun.
Menjalankan pemeriksaan otomatis terhadap kriteria keberhasilan WCAG 2.1 Level AA termasuk kategori keterlihatan (perceivability), keteroperasian (operability), pemahaman (understandability), dan ketahanan (robustness). Setiap pemeriksaan menunjukkan kriteria spesifik (misalnya, 1.4.3 Kontras, 1.1.1 Konten Non-teks) dan status lulus/gagal.
Menghitung rasio kontras antara warna teks dan latar belakang untuk setiap elemen teks di halaman. Menandai elemen di bawah 4.5:1 untuk teks normal atau 3:1 untuk teks besar (18px+ atau 14px+ tebal). Menunjukkan rasio aktual dan minimum yang diperlukan.
Memindai setiap elemen img, svg, dan elemen dengan peran gambar. Menandai atribut alt yang hilang, alt kosong pada gambar non-dekoratif, dan teks alt yang terlalu umum ("gambar", "foto"). Menyarankan apakah setiap gambar memerlukan alt deskriptif, alt kosong (dekoratif), atau role="presentation".
Memeriksa penggunaan peran ARIA yang tidak tepat (peran pada elemen yang salah), atribut ARIA wajib yang hilang (misalnya, aria-label pada tombol ikon), ID duplikat yang dirujuk oleh aria-labelledby, dan wilayah landmark yang hilang (tidak ada main, tidak ada nav). Merekomendasikan alternatif HTML semantik.
Memastikan setiap input formulir (teks, email, kata sandi, kotak centang, pilih) memiliki label yang terkait — baik melalui elemen label dengan for/id yang cocok, aria-label, atau aria-labelledby. Input tanpa label tidak dapat diakses oleh pembaca layar.
Masalah dikategorikan sebagai Kesalahan (harus diperbaiki — hambatan akses), Peringatan (sebaiknya diperbaiki — hambatan potensial), dan Lulus (dianggap dapat diakses). Jumlah kesalahan ditampilkan dengan jelas. Klik masalah apa pun untuk menyorot elemen yang terpengaruh di halaman.
Sebelum meluncurkan halaman atau fitur baru, jalankan Pemeriksa Aksesibilitas untuk menangkap masalah sejak dini. Teks alt yang hilang, bidang formulir tanpa label, dan pelanggaran kontras mudah diperbaiki selama pengembangan tetapi mahal jika ditemukan di produksi.
Banyak yurisdiksi mensyaratkan kepatuhan WCAG 2.1 Level AA (ADA di AS, EAA di UE). Jalankan pemeriksa pada halaman publik Anda untuk mengidentifikasi kesenjangan kepatuhan sebelum menjadi risiko hukum.
Sertakan pemeriksaan aksesibilitas sebagai bagian dari proses QA Anda. Setelah QA visual dan pengujian fungsional, jalankan Pemeriksa Aksesibilitas untuk memverifikasi bahwa implementasi tidak menimbulkan regresi aksesibilitas.
Jalankan pemeriksa pada situs Anda saat ini selama rapat tim untuk menunjukkan masalah aksesibilitas nyata. Penyorotan visual dan penjelasan yang jelas membantu pengembang memahami seperti apa markup yang dapat diakses dan mengapa itu penting.
Audit halaman yang menyertakan widget pihak ketiga, konten yang disematkan, atau HTML yang dibuat pengguna. Sumber-sumber ini seringkali menimbulkan masalah aksesibilitas (teks alt yang hilang, pelanggaran kontras) yang masih menjadi tanggung jawab Anda sebagai pemilik halaman.
Buka dok mengambang DevSuite Pro dan klik ikon Pemeriksa Aksesibilitas. Alat ini memindai DOM halaman untuk masalah aksesibilitas.
Laporan yang dikategorikan muncul dengan Kesalahan (merah), Peringatan (kuning), dan Lulus (hijau). Setiap bagian mencantumkan masalah spesifik dengan elemen yang terpengaruh dan referensi kriteria WCAG.
Klik masalah apa pun untuk menyorot elemen yang terpengaruh di halaman dengan batas berwarna dan menggulirnya. Hubungan antara laporan dan elemen DOM segera terlihat.
Setiap masalah menyertakan rekomendasi spesifik: "Tambahkan teks alt yang menjelaskan konten gambar", "Tingkatkan kontras warna font menjadi setidaknya 4.5:1", "Tambahkan elemen label dengan for='email'".
Buat perubahan dalam kode Anda, muat ulang halaman, dan jalankan audit lagi. Jumlah kesalahan akan berkurang seiring masalah terselesaikan. Targetkan nol kesalahan.
Instal DevSuite Pro secara gratis dan buka 64+ alat pengembang untuk browser Anda.
