0

Auditor Aksesibilitas HTML

Tempelkan HTML mentah dan dapatkan audit aksesibilitas WCAG yang sebenarnya: DOM walker buatan tangan memeriksa gambar, label formulir, urutan judul, dan teks tautan, ditambah kalkulator rasio kontras pencahayaan relatif asli yang dinilai berdasarkan ambang batas AA/AAA sebenarnya — tidak ada perpustakaan eksternal, tidak ada yang dikirim ke mana pun.

Pemeriksa kontras mandiri

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

Buy Me a Coffee at ko-fi.com
Memproses... 0%
Mengurai HTML menjadi DOM nyata
Berjalan di pohon untuk pemeriksaan WCAG
Menghitung rasio kontras
Selesai

Hasil

Sebagian besar pemeriksaan aksesibilitas cepat berupa pemindaian kata kunci yang dangkal atau perpustakaan kelas berat yang harus Anda percayai sebagai kotak hitam. Alat ini mengambil jalur ketiga: alat ini mem-parsing HTML apa pun yang Anda tempel menggunakan DOMParser bawaan browser — tanpa inti kapak, tanpa pustaka aksesibilitas eksternal, tidak ada yang diunduh — lalu menelusuri pohon DOM yang dihasilkan dengan serangkaian pemeriksaan tulisan tangan yang mencerminkan pola kegagalan WCAG 2.1 yang umum dan nyata. Itu berarti logikanya dapat diperiksa sepenuhnya dan audit berjalan sepenuhnya di dalam browser Anda: markup yang Anda tempel, dan pasangan warna apa pun yang Anda uji, tidak pernah diunggah atau dikirim ke mana pun.

Pemeriksaan tersebut mencakup kegagalan yang paling sering muncul di halaman sebenarnya: elemen <img> tanpa atribut alt sama sekali (kegagalan WCAG asli, berbeda dari alt="" yang sengaja dikosongkan yang digunakan untuk gambar dekoratif, yang tidak diberi tanda dengan benar), kontrol formulir yang tidak memungkinkan teknologi pendukung mengetahui kegunaannya (diperiksa berdasarkan setiap jalur sebenarnya ke label — <label untuk> yang cocok, dimasukkan ke dalam <label>, atau atribut aria-label/aria-labelledby), tingkat judul yang melonjak tanpa peringatan (<h1> langsung ke <h3>, atau dokumen tanpa <h1> sama sekali, atau lebih dari satu), tautan tanpa href atau dengan teks yang tidak jelas dan di luar konteks seperti "klik di sini" atau "baca lebih lanjut", dan atribut lang yang hilang saat dokumen HTML lengkap (bukan hanya fragmen) ditempelkan.

Bagian yang menonjol adalah matematika kontras asli, bukan heuristik dangkal yang 'terlihat mudah dibaca'. Untuk elemen apa pun yang membawa warna sebaris dan warna latar, alat ini membaca kedua nilai, menyelesaikannya menjadi angka RGB nyata melalui mesin CSS browser (jadi hex, rgb(), hsl() dan warna bernama seperti 'tomat' semuanya bekerja secara identik), dan menghitung pencahayaan relatif WCAG yang tepat untuk masing-masing — L = 0,2126×R + 0,7152×G + 0,0722×B, dengan setiap saluran dikoreksi gamma terlebih dahulu menggunakan kurva transfer sRGB nyata — sebelum menggabungkannya ke dalam rumus rasio kontras resmi, (L lebih terang + 0,05) / (L lebih gelap + 0,05). Ukuran font dan bobot font elemen menentukan apakah ambang batas 'teks normal' yang lebih ketat atau ambang batas 'teks besar' yang lebih lunak (18pt+, atau 14pt+ tebal) berlaku, dan hasilnya diperiksa berdasarkan keempat nomor WCAG sebenarnya sekaligus: 4,5:1 dan 3:1 untuk AA, 7:1 dan 4,5:1 untuk AAA — tidak pernah digabungkan menjadi satu keputusan baik/buruk palsu.

Ini adalah bagian audit aksesibilitas penuh yang sengaja dibuat jujur dan pragmatis, bukan alat sertifikasi: ini tidak mengevaluasi interaktivitas berbasis JavaScript, pola widget ARIA di luar pelabelan dasar, urutan fokus keyboard, atau apa pun yang benar-benar memerlukan rendering dan pengoperasian halaman. Perlakukan ini sebagai langkah pertama yang cepat yang menangkap beberapa kegagalan WCAG yang paling umum dan paling berdampak — teks alternatif yang hilang, bidang yang tidak berlabel, hierarki judul yang rusak, teks dengan kontras rendah, dan tautan yang tidak jelas — sebelum halaman dikirimkan, di samping (bukan sebagai gantinya) tinjauan manual lengkap atau alat audit khusus untuk segala hal yang dikirim ke produksi.