HTML Erişilebilirlik Denetleyicisi

Çoğu hızlı erişilebilirlik kontrolü ya yüzeysel bir anahtar kelime taramasıdır ya da kara kutu olarak güvenmeniz gereken ağır bir kitaplıktır. Bu araç üçüncü bir yol izler: tarayıcının kendi yerleşik DOMParser'ını kullanarak yapıştırdığınız HTML'yi ayrıştırır (balta çekirdeği yok, harici erişilebilirlik kitaplığı yok, indirilen hiçbir şey yok) ve ardından ortaya çıkan DOM ağacını, yaygın, gerçek WCAG 2.1 hata modellerini yansıtan bir dizi elle yazılmış kontrolle yürütür. Bu, mantığın tamamen denetlenebilir olduğu ve denetimin tamamen tarayıcınızın içinde çalıştığı anlamına gelir: yapıştırdığınız işaretleme ve test ettiğiniz renk çiftleri hiçbir zaman yüklenmez veya herhangi bir yere gönderilmez.

Denetimler, gerçek sayfalarda en sık görülen hataları kapsar: Hiçbir alt niteliği olmayan <img> öğeleri (dekoratif görüntüler için kullanılan ve doğru bir şekilde işaretsiz bırakılan kasıtlı olarak boş alt = ""den farklı gerçek bir WCAG hatası), yardımcı teknolojinin ne işe yaradığını bilmesine imkan vermeyen form kontrolleri (bir etikete giden her gerçek yolla kontrol edilir - eşleşen bir <label for>, bir <label> içine sarılmış veya bir aria-label/aria-labelledby özelliği), uyarı vermeden atlayan başlık seviyeleri (bir <h1> ile doğrudan bir <h3>'e veya hiç <h1> içermeyen veya birden fazla belgeye), href içermeyen veya "buraya tıklayın" veya "daha fazlasını oku" gibi belirsiz, bağlam dışı metin içeren bağlantılar ve tam bir HTML belgesi (yalnızca bir parça değil) yapıştırıldığında eksik bir dil özelliği.

Göze çarpan parça, yüzeysel bir 'okunabilir görünüyor' buluşsal yöntemi değil, gerçek kontrast matematiğidir. Satır içi renk ve arka plan rengi taşıyan herhangi bir öğe için araç, her iki değeri de okur, tarayıcının kendi CSS motoru aracılığıyla bunları gerçek RGB sayılarına çözümler (yani hex, rgb(), hsl() ve 'domates' gibi adlandırılmış renklerin tümü aynı şekilde çalışır) ve her biri için tam WCAG bağıl parlaklığını hesaplar — L = 0,2126×R + 0,7152×G + 0,0722×B, her kanalda resmi kontrast oranı formülüyle (daha açık L + 0,05) / (daha koyu L + 0,05) birleştirilmeden önce ilk olarak gerçek sRGB aktarım eğrisi kullanılarak gama düzeltmesi yapıldı. Öğenin kendi yazı tipi boyutu ve yazı tipi ağırlığı, daha katı 'normal metin' eşiklerinin mi yoksa daha yumuşak 'büyük metin' eşiklerinin mi (18pt+ veya 14pt+ kalın) uygulanacağına karar verir ve sonuç aynı anda dört gerçek WCAG numarasının tümüne göre kontrol edilir: AA için 4,5:1 ve 3:1, AAA için 7:1 ve 4,5:1 — hiçbir zaman tek bir sahte iyi/kötü kararına dönüşmez.

Bu, bir sertifikasyon aracı değil, tam erişilebilirlik denetiminin kasıtlı olarak dürüst, pragmatik bir alt kümesidir: JavaScript odaklı etkileşimi, temel etiketlemenin ötesinde ARIA widget modellerini, klavye odak sırasını veya sayfanın gerçekten oluşturulmasını ve çalıştırılmasını gerektiren herhangi bir şeyi değerlendirmez. Bunu, bir sayfa gönderilmeden önce, üretime gönderilen herhangi bir şey için tam bir manuel inceleme veya özel bir denetim aracıyla birlikte (bunun yerine değil), en yaygın ve en önemli WCAG hatalarından bazılarını (eksik alternatif metin, etiketlenmemiş alanlar, bozuk başlık hiyerarşisi, düşük kontrastlı metin ve belirsiz bağlantılar) yakalayan hızlı bir ilk geçiş olarak değerlendirin.