⭐ 0
🔍
Teks Imej PDF & Dokumen Audio Muzik elektronik Masa Utiliti Pengesah Esoterik Permainan

Pengaudit Kebolehcapaian HTML

Tampal HTML mentah dan dapatkan audit kebolehcapaian WCAG sebenar: penjelajah DOM binaan sendiri menyemak imej, label borang, susunan tajuk dan teks pautan, serta kalkulator nisbah kontras luminance relatif tulen yang diskor berdasarkan ambang AA/AAA sebenar — tiada pustaka luaran, tiada apa-apa dihantar ke mana-mana.

🔒 Diproses sepenuhnya dalam penyemak imbas anda — tiada apa yang anda masukkan di sini pernah dimuat naik.

Pemeriksa kontras kendiri

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

Memproses... 0%
Menghuraikan HTML menjadi DOM sebenar
Menjelajah pepohon untuk semakan WCAG
Mengira nisbah kontras
Selesai

Keputusan

Kebanyakan semakan kebolehcapaian pantas sama ada imbasan kata kunci cetek atau pustaka berat yang perlu anda percayai sebagai kotak hitam. Alat ini mengambil laluan ketiga: ia menghuraikan apa jua HTML yang anda tampal menggunakan DOMParser terbina dalam pelayar — tiada axe-core, tiada pustaka kebolehcapaian luaran, tiada apa-apa yang dimuat turun — dan kemudian menjelajah pepohon DOM terhasil dengan satu set semakan tulisan tangan yang mencerminkan corak kegagalan WCAG 2.1 sebenar yang lazim. Ini bermakna logiknya boleh diperiksa sepenuhnya dan audit berjalan sepenuhnya di dalam pelayar anda: penanda yang anda tampal, dan mana-mana pasangan warna yang anda uji, tidak pernah dimuat naik atau dihantar ke mana-mana.

Semakan merangkumi kegagalan yang paling kerap muncul dalam halaman sebenar: elemen <img> tanpa atribut alt langsung (kegagalan WCAG tulen, berbeza daripada alt="" kosong yang disengajakan untuk imej hiasan, yang betul-betul tidak ditanda), kawalan borang tanpa cara untuk teknologi bantuan mengetahui fungsinya (disemak terhadap setiap laluan sebenar ke label — <label for> yang sepadan, dibalut dalam <label>, atau atribut aria-label/aria-labelledby), aras tajuk yang melompat tanpa amaran (<h1> terus ke <h3>, atau dokumen tanpa <h1> langsung, atau lebih daripada satu), pautan tanpa href atau dengan teks kabur luar konteks seperti "klik sini" atau "baca lagi", dan atribut lang yang hilang apabila dokumen HTML penuh (bukan sekadar serpihan) ditampal.

Ciri utama ialah matematik kontras tulen, bukan heuristik 'nampak boleh dibaca' yang cetek. Untuk mana-mana elemen yang membawa color dan background-color sebaris, alat ini membaca kedua-dua nilai, menyelesaikannya kepada nombor RGB sebenar melalui enjin CSS terbina dalam pelayar (jadi hex, rgb(), hsl() dan warna bernama seperti 'tomato' semuanya berfungsi serupa), dan mengira luminance relatif WCAG tepat untuk setiap satu — L = 0.2126×R + 0.7152×G + 0.0722×B, dengan setiap saluran diperbetulkan gama dahulu menggunakan keluk pemindahan sRGB sebenar — sebelum menggabungkannya ke dalam formula nisbah kontras rasmi, (L lebih cerah + 0.05) / (L lebih gelap + 0.05). Saiz font dan ketebalan font elemen itu sendiri menentukan sama ada ambang 'teks normal' yang lebih ketat atau ambang 'teks besar' yang lebih longgar (18pt+, atau 14pt+ tebal) terpakai, dan hasilnya disemak terhadap keempat-empat nombor WCAG sebenar sekali gus: 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 ialah subset pragmatik yang sengaja jujur bagi audit kebolehcapaian penuh, bukan alat pensijilan: ia tidak menilai interaktiviti dipacu JavaScript, corak widget ARIA di luar pelabelan asas, susunan fokus papan kekunci, atau apa-apa yang memerlukan benar-benar menjadikan dan menjalankan halaman. Anggaplah ia sebagai laluan pertama pantas yang menangkap beberapa kegagalan WCAG paling lazim dan paling berkesan — teks alt yang hilang, medan tanpa label, hierarki tajuk yang rosak, teks kontras rendah dan pautan kabur — sebelum halaman dikeluarkan, sebagai pelengkap (bukan pengganti) kepada semakan manual penuh atau alat pengauditan khusus untuk apa-apa yang dikeluarkan ke produksi.

Seronok menggunakan alat ini? Rasa produk ini berguna? Nampak potensi di dalamnya dan ingin menyokongnya?

🛡️
Dilaksanakan Dalam Pelayar

Fail dan input anda tidak pernah meninggalkan peranti ini. Pemprosesan berjalan sepenuhnya luar talian. 100% Selamat.

Format & Peraturan Diterima

  • Menjelajah DOM sebenar yang dihuraikan dengan DOMParser asli pelayar: menanda <img> yang tiada atribut alt (sambil merawat alt="" sebagai penanda hiasan patuh yang disengajakan dengan betul), dan <input>/<select>/<textarea> tanpa <label for>, tanpa pembalut <label>, dan tanpa aria-label/aria-labelledby.
  • Menyemak struktur tajuk untuk <h1> yang hilang atau pendua dan aras yang dilangkau (<h1> diikuti terus oleh <h3> tanpa <h2> di antaranya) menggunakan susunan tajuk sebenar dalam dokumen.
  • Mengira nisbah kontras WCAG sebenar untuk mana-mana elemen dengan gaya color + background-color sebaris, membaca saiz font/ketebalan fontnya untuk menggunakan ambang 'teks besar' yang betul, dan menskor hasilnya berdasarkan keempat-empat ambang sebenar: 4.5:1 (AA normal), 3:1 (AA besar), 7:1 (AAA normal) dan 4.5:1 (AAA besar).
  • Termasuk pemeriksa pasangan warna latar depan/latar belakang kendiri (sebarang warna CSS yang sah: hex, rgb(), hsl(), warna bernama) supaya anda boleh menguji kombinasi warna secara langsung tanpa menampal sebarang penanda, serta semakan <html lang>.

Faedah Utama

✓ Kalkulator kontras luminance relatif tulen menggunakan formula WCAG 2.x yang tepat (saluran sRGB yang diperbetulkan gama, kemudian (L1+0.05)/(L2+0.05)) — bukan anggaran kasar 'nampak cukup gelap'.
✓ Setiap penemuan menunjukkan coretan HTML penyebab yang tepat, jadi anda boleh cari dan betulkan segera dan bukannya sekadar dapat kiraan lulus/gagal sahaja.
✓ Semakan jelajah DOM dibina sendiri, bukan pustaka kotak hitam: imej tanpa alt, medan borang tanpa label sebenar, aras tajuk yang dilangkau, pautan tanpa href atau teks generik seperti 'klik sini'.
✓ 100% luar talian — HTML yang anda tampal, dan mana-mana pasangan warna yang anda semak, tidak pernah meninggalkan pelayar anda.

Kes Penggunaan

  • • Tampal satu bahagian halaman sebelum dihantar untuk mengesan <img alt> yang hilang, <input> tanpa label, atau aras tajuk yang melompat dari h1 terus ke h3.
  • • Tampal gaya warna dan warna latar belakang sebaris sesuatu elemen untuk mendapatkan nisbah kontras WCAG sebenar dan lihat dengan tepat aras AA/AAA, teks biasa/besar yang mana yang lulus atau gagal.
  • • Gunakan pemeriksa warna latar depan/latar belakang kendiri untuk menguji pasangan warna jenama mengikut piawaian WCAG 4.5:1 (AA) dan 7:1 (AAA) sebelum dikunci ke dalam sistem reka bentuk.