İçeriğe atla
%100 yerel

HTML erişilebilirlik denetçisi

Ekran okuyucularını ve klavye kullanıcılarını engelleyen sorunlar açısından bir HTML parçasını tarayın.

Giriş
Çıkış

HTML erişilebilirlik denetçisi

Bir HTML parçasını yapıştırın ve bu araç, ekran okuyucularını, klavye kullanıcılarını ve diğer yardımcı teknolojileri en yaygın olarak engelleyen sorunları tarar. Her bulgu bir satır numarası ve düz dilden bir açıklama ile raporlanır, böylece ayrı bir WCAG belgesine çapraz referans vermek zorunda kalmazsınız. Elinizdeki parçayı hedefler — bir bileşen, bir e-posta şablonu, bir CMS bloğu — tam bir taranmış sayfa değil.

Kontroller, ayrı ayrı açıp kapatabileceğiniz seçeneklerdir: alt metni eksik olan görüntüler (ve bir bağlantı veya düğmenin tek içeriği olan görüntülerde boş alt), bir seviye atlayan veya h1'de başlamayan başlık seviyeleri, görünür metni veya aria-label olmayan düğmeler ve bağlantılar, etiketi olmayan form alanları, "buraya tıklayın" gibi jenerik bağlantı metni, başlık hücresi olmayan tablolar, lang özniteliği olmayan bir belge ve yinelenen id öznitelikleri. Bir önem filtresinde, daha küçük sorunlar sıralandıktan sonra listeyi uyarılar ve hatalar veya yalnızca hatalar olarak daraltır.

Denetçi yalnızca ham işaretlemeyi okur — etiketler ve öznitelikler, hesaplanmış stiller veya işlenen düzen değil — bu nedenle CSS uygulandığında yalnızca görünen bir kontrast sorunu veya odak düzenini yakalanamaz (bunu kontrast denetçisiyle eşleştirin). Ayrıştırma en iyi çabadır: yanlış biçimlendirilmiş veya eksik HTML'yi reddetmek yerine tolere eder, çünkü yapıştırılan bir parça nadiren her şey için bir kapanış etiketine sahiptir.

Her şey tarayıcınızda yerel olarak gerçekleşir. Yapıştırdığınız parça — yayınlanmamış bir sayfadan, dahili bir araçtan veya bir müşteri projesinden gelebilir — asla yüklenemez veya bir sunucuya gönderilmez. Raporu kopyalayın, .txt dosyası olarak indirin veya değişiklikler yaptıktan sonra yeniden taramak için parçayı girdiye geri gönderin.

FAQ

Bu, tam bir erişilebilirlik denetiminin yerini alır mı?
Hayır. Yapıştırdığınız işaretlemede — eksik alt metin, kötü başlık sırası, etiketsiz alanlar ve benzerler — yaygın, mekanik olarak tespit edilebilir sorunları yakalar, ancak tam bir denetim ayrıca renk kontrast, klavye odak sırası, ekran okuyucu testi ve işlenen düzeni içerir; bunlar kontrol etmek için canlı bir sayfa gerekir.
Neden alt="" olan bir resim bazen işaretlenmiş olarak gösterilir?
Boş alt, tamamen dekoratif bir görüntü için doğrudur. Yalnızca görüntü bir bağlantı veya düğmenin tek içeriği (bu da kontrolü erişilebilir bir addan yoksun bırakır) veya boş olmayan bir başlık özniteliği varsa işaretlenir; bu, bu görüntünün bilgi taşıdığını düşündürür.
"Yinelenen id" neyi sayılır?
Parçada birden fazla elemde görünen herhangi bir id özniteliği değeri. Yinelenen id'ler, etiket ilişkilendirmelerini, aria-labelledby başvurularını ve sayfadaki bağlantıları keser, çünkü yalnızca ilk eşleşme kullanılır.
Sorunu bir kategoriyi kontrol edebilir miyim?
Evet. Her denetimin — görüntüler, başlıklar, etkileşimli öğeler, formlar, bağlantı metni, tablolar, dil ve yinelenen id'ler — kendi anahtarı vardır ve bir önem filtresinde sonuçları daha da daraltır.
HTML'im herhangi bir yere yüklenmiş midir?
Hayır. Parça tamamen JavaScript kullanılarak tarayıcınızda ayrıştırılır ve kontrol edilir; hiçbir zaman bir sunucuya gönderilmez.