Juruaudit Kebolehcapaian HTML

Kebanyakan semakan kebolehcapaian pantas ialah sama ada imbasan kata kunci cetek atau perpustakaan kelas berat yang anda perlu percayai sebagai kotak hitam. Alat ini mengambil laluan ketiga: ia menghuraikan apa sahaja HTML yang anda tampal menggunakan DOMParser terbina dalam penyemak imbas — tiada teras kapak, tiada perpustakaan kebolehcapaian luaran, tiada apa yang dimuat turun — dan kemudian berjalan pada pokok DOM yang terhasil dengan satu set semakan tulisan tangan yang mencerminkan corak kegagalan WCAG 2.1 yang biasa dan sebenar. Ini bermakna logiknya boleh diperiksa sepenuhnya dan audit dijalankan sepenuhnya di dalam penyemak imbas anda: penanda yang anda tampal, dan mana-mana pasangan warna yang anda uji, tidak pernah dimuat naik atau dihantar ke mana-mana.

Semakan meliputi kegagalan yang paling kerap muncul dalam halaman sebenar: <img> elemen tanpa atribut alt sama sekali (kegagalan WCAG tulen, berbeza daripada alt="" yang sengaja dikosongkan untuk imej hiasan, yang dibiarkan tidak dibenderakan dengan betul), kawalan borang tanpa cara untuk teknologi bantuan mengetahui kegunaannya (disemak pada setiap laluan sebenar ke label, label > padanan <label atau label>. atribut aria-label/aria-labelledby), tahap tajuk yang melonjak tanpa amaran (<h1> terus ke <h3>, atau dokumen tanpa <h1> sama sekali, atau lebih daripada satu), pautan tanpa href atau dengan teks di luar konteks yang samar-samar seperti "klik di sini" atau "baca lebih lanjut", dan atribut lang yang hilang apabila dokumen HTML penuh (bukan sekadar serpihan yang ditampal).

Sekeping yang menonjol ialah matematik kontras tulen, bukan heuristik 'kelihatan boleh dibaca' dangkal. Untuk mana-mana elemen yang membawa warna sebaris dan warna latar belakang, alat ini membaca kedua-dua nilai, menyelesaikannya kepada nombor RGB sebenar melalui enjin CSS penyemak imbas sendiri (jadi hex, rgb(), hsl() dan warna yang dinamakan seperti 'tomato' semuanya berfungsi secara identik), dan mengira kecerahan relatif WCAG yang tepat untuk setiap satu — L = 0.2126×R +×0.2G dengan setiap saluran 0.2126×R +×0.2G diperbetulkan gamma terlebih dahulu menggunakan lengkung pemindahan sRGB sebenar — sebelum menggabungkannya ke dalam formula nisbah kontras rasmi, (L lebih ringan + 0.05) / (L lebih gelap + 0.05). Saiz fon dan berat fon elemen itu sendiri menentukan sama ada ambang 'teks biasa' yang lebih ketat atau ambang 'teks besar' yang lebih longgar (18pt+, atau 14pt+ bold) terpakai, dan hasilnya disemak terhadap keempat-empat nombor WCAG sebenar sekaligus: 4.5:1 dan 3:1 untuk AA, AAA.5:1 dan 4:1 dan 4. keputusan baik/buruk.

Ini adalah subset pragmatik yang sengaja jujur dan pragmatik bagi audit kebolehaksesan penuh, bukan alat pensijilan: ia tidak menilai interaktiviti dipacu JavaScript, corak widget ARIA melangkaui pelabelan asas, susunan fokus papan kekunci atau apa-apa sahaja yang memerlukan pemaparan dan menjalankan halaman sebenarnya. Anggap ia sebagai hantaran pertama yang pantas yang menangkap beberapa kegagalan WCAG yang paling biasa dan paling berbangkit — teks alt tiada, medan tidak berlabel, hierarki tajuk rosak, teks kontras rendah dan pautan samar-samar — sebelum halaman dihantar, bersama (bukan sebaliknya) semakan manual penuh atau alat pengauditan khusus untuk apa-apa penghantaran ke pengeluaran.