0

Auditor Aksesibilitas HTML

Tempel HTML mentah dan dapatkan audit aksesibilitas WCAG sesungguhnya: penjelajah DOM buatan tangan memeriksa gambar, label formulir, urutan heading, dan teks tautan, plus kalkulator rasio kontras luminance relatif asli yang dinilai berdasarkan ambang AA/AAA yang persis — tanpa pustaka eksternal, tidak ada yang dikirim ke mana pun.

🔒 Diproses sepenuhnya di browser Anda — apa pun yang Anda masukkan di sini tidak akan pernah diunggah.

Pemeriksa kontras mandiri

Periksa pasangan warna latar depan/latar belakang secara langsung — hex, rgb(), hsl() atau warna bernama seperti 'tomato' semuanya berfungsi.

Memproses... 0%
Mengurai HTML menjadi DOM sesungguhnya
Menjelajahi pohon untuk pemeriksaan WCAG
Menghitung rasio kontras
Selesai

Hasil

Sebagian besar pemeriksaan aksesibilitas cepat adalah pemindaian kata kunci superfisial atau pustaka kelas berat yang harus Anda percayai sebagai kotak hitam. Alat ini mengambil jalur ketiga: ia mengurai HTML apa pun yang Anda tempel menggunakan DOMParser bawaan peramban sendiri — tanpa axe-core, tanpa pustaka aksesibilitas eksternal, tidak ada yang diunduh — lalu menjelajahi pohon DOM yang dihasilkan dengan serangkaian pemeriksaan tulisan tangan yang mencerminkan pola kegagalan WCAG 2.1 yang umum dan nyata. Artinya, logikanya sepenuhnya dapat diperiksa dan audit berjalan sepenuhnya di dalam peramban Anda: markup yang Anda tempel, dan pasangan warna apa pun yang Anda uji, tidak pernah diunggah atau dikirim ke mana pun.

Pemeriksaan mencakup kegagalan yang paling sering muncul di halaman nyata: elemen <img> tanpa atribut alt sama sekali (kegagalan WCAG sesungguhnya, berbeda dari alt="" yang sengaja dikosongkan untuk gambar dekoratif, yang dengan benar tidak ditandai), kontrol formulir tanpa cara bagi teknologi bantu untuk mengetahui fungsinya (diperiksa terhadap setiap jalur nyata ke label — <label for> yang cocok, dibungkus di dalam <label>, atau atribut aria-label/aria-labelledby), level heading yang melompat tanpa peringatan (sebuah <h1> langsung ke <h3>, atau dokumen tanpa <h1> sama sekali, atau lebih dari satu), tautan tanpa href atau dengan teks kabur di luar konteks seperti "klik di sini" atau "baca selengkapnya", dan atribut lang yang hilang ketika dokumen HTML lengkap (bukan hanya fragmen) ditempelkan.

Bagian menonjolnya adalah perhitungan kontras sesungguhnya, bukan heuristik superfisial 'terlihat terbaca'. Untuk elemen apa pun yang membawa color dan background-color inline, alat membaca kedua nilai, mengubahnya menjadi angka RGB nyata melalui mesin CSS peramban sendiri (sehingga hex, rgb(), hsl() dan warna bernama seperti 'tomato' semuanya bekerja identik), dan menghitung luminance relatif WCAG yang persis untuk masing-masing — L = 0,2126×R + 0,7152×G + 0,0722×B, dengan setiap kanal dikoreksi gamma terlebih dahulu menggunakan kurva transfer sRGB sesungguhnya — sebelum menggabungkannya ke dalam rumus rasio kontras resmi, (L lebih terang + 0,05) / (L lebih gelap + 0,05). Font-size dan font-weight elemen itu sendiri menentukan apakah ambang 'teks normal' yang lebih ketat atau ambang 'teks besar' yang lebih longgar (18pt+, atau 14pt+ tebal) berlaku, dan hasilnya diperiksa terhadap keempat angka WCAG sesungguhnya sekaligus: 4,5:1 dan 3:1 untuk AA, 7:1 dan 4,5:1 untuk AAA — tidak pernah diciutkan menjadi satu vonis bagus/buruk palsu.

Ini adalah subset pragmatis yang sengaja jujur dari audit aksesibilitas penuh, bukan alat sertifikasi: ia tidak mengevaluasi interaktivitas berbasis JavaScript, pola widget ARIA di luar pelabelan dasar, urutan fokus keyboard, atau apa pun yang memerlukan rendering dan menjalankan halaman secara nyata. Perlakukan ini sebagai pemeriksaan pertama cepat yang menangkap beberapa kegagalan WCAG paling umum dan paling berdampak — teks alt hilang, field tak berlabel, hierarki heading rusak, teks kontras rendah, dan tautan kabur — sebelum halaman dikirimkan, bersama (bukan sebagai pengganti) tinjauan manual penuh atau alat audit khusus untuk apa pun yang akan diproduksi.