HTML, DOMParser ile etkisiz belge olarak ayrıştırılır. Görünür metin, label ilişkisi, aria-labelledby, aria-label, alt ve title kaynakları erişilebilir ad önceliğine göre incelenir.
334
Kod ve dosya güvenliği
ARIA Erişilebilir Ad Envanteri
Yapıştırılan HTML'i çalıştırmadan DOMParser ile inceler; görünür metin, aria-label, aria-labelledby, label[for], alt ve title kaynaklarını öncelik sırasıyla raporlar. Sonuç yardımcı teknoloji testi değildir; dinamik durumlar tarayıcı erişilebilirlik ağacıyla ayrıca doğrulanmalıdır.
✓ Ücretsiz✓ Üyelik yok✓ Tarayıcı içinde
KISA CEVAP
Bu araç ne yapar?
HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun.
UYGULAMA VE KARAR REHBERİ
ARIA Erişilebilir Ad Envanteri: yöntem ve kullanım
Yapıştırılan HTML'i çalıştırmadan DOMParser ile inceler; görünür metin, aria-label, aria-labelledby, label[for], alt ve title kaynaklarını öncelik sırasıyla raporlar. Sonuç yardımcı teknoloji testi değildir; dinamik durumlar tarayıcı erişilebilirlik ağacıyla ayrıca doğrulanmalıdır.
Düğme, bağlantı, görsel ve form kontrolleri içeren, betik çalıştırılmasına ihtiyaç duymayan HTML parçası Biçimi önce kişisel veri içermeyen küçük bir örnekle doğrulayın.
öğe türü, seçici ipucu, hesaplanan ad kaynağı ve adsız/şüpheli kontrol durumu içeren envanter
Uygulama adımları
- Örneği yükleyin veya anlaşılır alanları kendi senaryonuzla doldurun.
- Denetimi cihazınızda çalıştırın; ölçümleri, uyarıları ve önerilen düzeltmeleri birlikte inceleyin.
- Sonucu gerçek hedef ortamda doğrulayın ve karar kaydına varsayımları ekleyin.
her etkileşimli öğeyi klavyeyle odaklayıp ekran okuyucuda ad, rol, durum ve hata mesajını gerçek erişilebilirlik ağacında karşılaştırma
Statik HTML envanteri CSS ile gizlenen metni, Shadow DOM'u, çalışma zamanı durumlarını veya ekran okuyucu davranışını tam olarak göremez; sonuç WCAG uygunluk belgesi değildir.
Uygun kullanım alanları
- Form yayın öncesi denetimi
- İkon düğmesi kontrolü
- WCAG görev testi hazırlığı
Uygulamalı karar kaydı
Pratik senaryo: Form yayın öncesi denetimi. HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun.
Metinli bir bağlantı, `aria-label` kullanan ikon düğmesi, bağlı `label` içeren e-posta alanı ve adı olmayan ikinci ikon düğmesi bulunan küçük HTML örneğini tarayın.
Kabul kaydı: her etkileşimli öğeyi klavyeyle odaklayıp ekran okuyucuda ad, rol, durum ve hata mesajını gerçek erişilebilirlik ağacında karşılaştırma. Sonuç kartındaki sayılar ve uyarılar, kaydedilen örnekle birlikte saklanır.
Bu durumda yayınlamayın: Statik HTML envanteri CSS ile gizlenen metni, Shadow DOM'u, çalışma zamanı durumlarını veya ekran okuyucu davranışını tam olarak göremez; sonuç WCAG uygunluk belgesi değildir.
DERİNLEŞTİRİN
Bu araçla ilgili rehberler
Mobil Arayüzde Katman, Dokunma Hedefi ve Erişilebilir Ad Kalitesi
Header, menü, modal ve araç eylemlerini yalnız güzel görünmeleriyle değil; üst üste binme, dokunma, klavye ve ekran okuyucu görevleriyle kabul edin.
Rehberi oku →Erişilebilir HTML Yayın Rehberi: Dil, Başlıklar, Formlar ve Erişilebilir Ad
Bir sayfanın görsel olarak düzgün görünmesinin ötesine geçin; dil, başlık akışı, kontrol adı, klavye ve hata durumlarını görev temelli doğrulayın.
Rehberi oku →ARAÇ HAKKINDA
Sık sorulan sorular
ARIA Erişilebilir Ad Envanteri hangi girdiyi kabul eder?+
Düğme, bağlantı, görsel ve form kontrolleri içeren, betik çalıştırılmasına ihtiyaç duymayan HTML parçası Metinli bir bağlantı, `aria-label` kullanan ikon düğmesi, bağlı `label` içeren e-posta alanı ve adı olmayan ikinci ikon düğmesi bulunan küçük HTML örneğini tarayın.
ARIA Erişilebilir Ad Envanteri çıktısında ne görürüm?+
öğe türü, seçici ipucu, hesaplanan ad kaynağı ve adsız/şüpheli kontrol durumu içeren envanter Kabul kaydı: her etkileşimli öğeyi klavyeyle odaklayıp ekran okuyucuda ad, rol, durum ve hata mesajını gerçek erişilebilirlik ağacında karşılaştırma. Sonuç kartındaki sayılar ve uyarılar, kaydedilen örnekle birlikte saklanır.
ARIA Erişilebilir Ad Envanteri çıktısını nasıl doğrulamalıyım?+
her etkileşimli öğeyi klavyeyle odaklayıp ekran okuyucuda ad, rol, durum ve hata mesajını gerçek erişilebilirlik ağacında karşılaştırma Bu durumda yayınlamayın: Statik HTML envanteri CSS ile gizlenen metni, Shadow DOM'u, çalışma zamanı durumlarını veya ekran okuyucu davranışını tam olarak göremez; sonuç WCAG uygunluk belgesi değildir.
ARIA Erişilebilir Ad Envanteri girdiyi bir sunucuya gönderir veya kaydeder mi?+
Araç girdisi etkin sekmede işlenir. İş İstasyonu’na kaydetme veya başka bir araca aktarma ayrı bir seçimdir. Tarayıcı eklentileri ve paylaşılan cihazlar ayrıca değerlendirilmelidir; gizlilik sayfası reklam ve ağ bağlantılarını açıklar.