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. Görev, hata senaryosu, kabul kanıtı ve güven sınırlarıyla uygulamalı yayın rehberi.
Okuduklarınızı güvenli bir denemeye dönüştürün
Gerçek veriye geçmeden önce sentetik bir örnekle adımları tamamlayın. İşaretler yalnızca bu sekmede tutulur.
Somut sonucu ve sorumluyu tanımlayın
Bu rehberin ölçülebilir hedefi şudur: Dört dilde doğru html lang kullanan, tek açıklayıcı H1'e sahip, başlık seviyesi atlamayan ve her etkileşimli kontrolü görünür/erişilebilir ad ile hata yardımına bağlayan bir sayfa şablonu yayınlamak.
Kararın sahibini, yanlış sonucun etkisini, durdurma koşulunu ve otomatikleştirilmeyecek son onayı daha veri girmeden yazın. “Çalıştı” yerine kullanıcı görevi, doğruluk, süre, geri alınabilirlik ve açıklanabilirlik eşiği belirleyin.
- Dört dilde doğru html lang kullanan, tek açıklayıcı H1'e sahip, başlık seviyesi atlamayan ve her etkileşimli kontrolü görünür/erişilebilir ad ile hata yardımına bağlayan bir sayfa şablonu yayınlamak.
Girdi sözleşmesini hazırlayın
Belge dilini sayfa kökünde, dil değişimini bölümde işaretleyin. Başlığı kullanıcının göreviyle başlatın; H2'leri ana adımlara, H3'leri alt kararlara ayırın. Form etiketini placeholder yerine kullanın, ikon düğmeye eylemi anlatan ad verin ve hata metnini aria-describedby ile ilgili alana bağlayın.
Yalnız sentetik, size ait veya kullanım hakkı açık verilerle başlayın. Alan adı, tür, birim, dil, zaman dilimi, hassasiyet, eksik değer ve tekrar kuralını ayrı ayrı kaydedin; ham girdiyi salt okunur örnek olarak koruyun.
Mutlu yolu küçük adımlarla kurun
aria-erisebilir-ad-envanteri, html-dil-baslik-yapisi-denetleyici, renk-kontrast-denetleyici, baslik-hiyerarsisi-denetleyici araçlarını tek büyük işlem yerine girdi doğrulama, dönüşüm, sonuç kontrolü ve teslim kapıları olarak sıralayın. Her kapıda beklenen çıktı, hata mesajı, devam koşulu ve sorumlu kişi görünür olsun.
İlk denemeyi tek kayıt veya küçük örnekle yapın. Sonucu kaynakla uzlaştırmadan büyük dosyaya, otomatik yayına veya gerçek kişisel veriye geçmeyin; varsayımları sonuç kartında gösterin.
Hata yollarını kasıtlı olarak sınayın
Sık hatalar; yalnız renkle durum anlatmak, odak göstergesini kaldırmak, aynı aria-label'i çok sayıda düğmede kullanmak, gizli başlıkla görsel başlığın farklı olması ve hata sonrası odağı kaybetmektir. %200 yakınlaştırma, uzun Almanca metin, Çince satır kırılması ve ekran klavyesi açıkken taşma ayrıca sınanmalıdır.
Boş, bozuk, aşırı uzun, yinelenen, sırası değişmiş, farklı dilde ve kasıtlı çelişkili girdileri saklanan negatif testlere dönüştürün. Hata mesajı alanı, nedeni ve düzeltme adımını söylemeli; sessiz düzeltme yapmamalıdır.
Kullanıcı ve sistem etkisini doğrulayın
Kullanıcı görevinin baştan sona tamamlanabildiğini klavye, mobil kırılım ve yavaş cihaz koşulunda doğrulayın. Kaynak ile sonuç arasında sayı, toplam, kimlik, eksik değer ve değişen alanları karşılaştırın.
Görsel olarak düzgün sonuç doğruluk kanıtı değildir. Kritik iddiayı birincil kaynağa, güvenlik etkisini tehdit modeline, içerik etkisini gerçek okuyucu görevine ve performans etkisini tarayıcı ölçümüne bağlayın.
Yayın kanıtını kaydedin
Kabul kanıtında otomatik envanterin yanında yalnız klavye ile tamamlanan görev, odak sırası, ekran okuyucu kontrol adı/durumu, hata düzeltme süresi ve 320–1440 piksel kırılımları bulunmalıdır. Otomatik tarayıcı uyarısını gerçek kullanıcı görevinden ayrı raporlayın.
Kayıtta tarih, araç ve veri sürümü, kabul eşiği, negatif testler, çıktı özeti, bilinen risk, insan onayı ve geri alma adımı bulunmalıdır. Tekrarlanabilir olmayan ekran görüntüsünü tek kanıt saymayın; yapılandırma ve örneği birlikte saklayın.
Sınırı ve sonraki incelemeyi açıklayın
Statik HTML incelemesi CSS görünürlüğünü, Shadow DOM'u, istemci sonrası değişimi veya yardımcı teknoloji davranışını tam olarak ölçmez; WCAG uygunluğu tek araç sonucuyla ilan edilmemelidir.
Sınırı sonuçla aynı görünürlükte yazın ve sonraki inceleme tarihini belirleyin. Hukuki, güvenlik, sağlık veya finans etkisi varsa güncel birincil kaynak ve yetkili uzman kontrolünü zorunlu yayın kapısı yapın.
- Statik HTML incelemesi CSS görünürlüğünü, Shadow DOM'u, istemci sonrası değişimi veya yardımcı teknoloji davranışını tam olarak ölçmez; WCAG uygunluğu tek araç sonucuyla ilan edilmemelidir.
Rehberi tekrarlanabilir bir kontrole dönüştürün
“Erişilebilir HTML Yayın Rehberi: Dil, Başlıklar, Formlar ve Erişilebilir Ad” için aşağıdaki 4 araçlık kontrol planını kullanın. Hedef: 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. Görev, hata senaryosu, kabul kanıtı ve güven sınırlarıyla uygulamalı yayın rehberi. Gerçek veri yerine güvenli bir örnekle başlayın; her adımın beklenen sonucunu ve kabul kararını kaydedin.
ARIA Erişilebilir Ad Envanteri
- Hazırlık
- Örneği yükleyin veya anlaşılır alanları kendi senaryonuzla doldurun. ARIA Erişilebilir Ad Envanteri için beklenen biçim: ARIA Erişilebilir Ad Envanteri için başlangıç girdisi: düğme, bağlantı, görsel ve form kontrolleri içeren, betik çalıştırılmasına ihtiyaç duymayan HTML parçası. Araç bu girdiyi “HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun” amacıyla kullanır..
- Uygulama
- Denetimi cihazınızda çalıştırın; ölçümleri, uyarıları ve önerilen düzeltmeleri birlikte inceleyin. ARIA Erişilebilir Ad Envanteri, şu yöntemi uygular: ARIA Erişilebilir Ad Envanteri, “HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun” hedefi için şu açıklanabilir yöntemi uygular: 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.
- Kabul kontrolü
- Sonucu gerçek hedef ortamda doğrulayın ve karar kaydına varsayımları ekleyin. ARIA Erişilebilir Ad Envanteri kabul ölçütü: ARIA Erişilebilir Ad Envanteri sonucunu kabul etmeden önce 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 kontrolünü tamamlayın; beklenen amaç “HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun” olmalıdır..
- Beklenen çıktı
- ARIA Erişilebilir Ad Envanteri tamamlandığında öğe türü, seçici ipucu, hesaplanan ad kaynağı ve adsız/şüpheli kontrol durumu içeren envanter sunar; bu çıktı “HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun” ihtiyacına göre düzenlenir.. HTML içindeki düğme, bağlantı ve form alanlarını erişilebilir adlarıyla listeleyip adsız kontrolleri bulun.
HTML Dil ve Başlık Yapısı Denetleyici
- Hazırlık
- Örneği yükleyin veya anlaşılır alanları kendi senaryonuzla doldurun. HTML Dil ve Başlık Yapısı Denetleyici için beklenen biçim: HTML Dil ve Başlık Yapısı Denetleyici için başlangıç girdisi: html lang, title, meta description ve görünür h1-h6 yapısını içeren tam ya da parçalı HTML. Araç bu girdiyi “HTML lang, title, meta açıklama, tek H1 ve başlık sırasını birlikte denetleyin” amacıyla kullanır..
- Uygulama
- Denetimi cihazınızda çalıştırın; ölçümleri, uyarıları ve önerilen düzeltmeleri birlikte inceleyin. HTML Dil ve Başlık Yapısı Denetleyici, şu yöntemi uygular: HTML Dil ve Başlık Yapısı Denetleyici, “HTML lang, title, meta açıklama, tek H1 ve başlık sırasını birlikte denetleyin” hedefi için şu açıklanabilir yöntemi uygular: içerik çalıştırılmadan ayrıştırılır; dil etiketi, başlık ve açıklama varlığı, H1 sayısı, boş başlıklar ve atlanan seviye geçişleri ayrı kurallarla raporlanır.
- Kabul kontrolü
- Sonucu gerçek hedef ortamda doğrulayın ve karar kaydına varsayımları ekleyin. HTML Dil ve Başlık Yapısı Denetleyici kabul ölçütü: HTML Dil ve Başlık Yapısı Denetleyici sonucunu kabul etmeden önce sayfayı gerçek URL'de kaynak ve işlenmiş DOM üzerinden kontrol edip ana görevin tek H1 ile anlatıldığını ve başlıkların içerik sırasını bozmadığını doğrulama kontrolünü tamamlayın; beklenen amaç “HTML lang, title, meta açıklama, tek H1 ve başlık sırasını birlikte denetleyin” olmalıdır..
- Beklenen çıktı
- HTML Dil ve Başlık Yapısı Denetleyici tamamlandığında belge sinyalleri özeti, sıralı başlık ağacı ve her sorun için kaynak öğeye yönelik düzeltme notu sunar; bu çıktı “HTML lang, title, meta açıklama, tek H1 ve başlık sırasını birlikte denetleyin” ihtiyacına göre düzenlenir.. HTML lang, title, meta açıklama, tek H1 ve başlık sırasını birlikte denetleyin.
Renk Kontrastı Denetleyici
- Hazırlık
- Ön plan ve arka plan HEX renklerini girin. Renk Kontrastı Denetleyici için beklenen biçim: Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır..
- Uygulama
- Kontrast oranını ve eşikleri hesaplayın. Renk Kontrastı Denetleyici, şu yöntemi uygular: Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.
- Kabul kontrolü
- Gerçek yazı boyutu, ağırlığı ve durum renkleriyle ayrıca test edin. Renk Kontrastı Denetleyici kabul ölçütü: Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır..
- Beklenen çıktı
- Renk Kontrastı Denetleyici tamamlandığında önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç sunar; bu çıktı “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” ihtiyacına göre düzenlenir.. İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın.
Başlık Hiyerarşisi Denetleyici
- Hazırlık
- Güvenli örneği yükleyin veya kendi verinizi girin. Başlık Hiyerarşisi Denetleyici için beklenen biçim: Başlık Hiyerarşisi Denetleyici için başlangıç girdisi: amaç ve hedef dil korunarak düzenlenecek veya karşılaştırılacak düz metin. Araç bu girdiyi “Markdown başlık atlamalarını, tekrarları ve boş başlıkları bulun” amacıyla kullanır..
- Uygulama
- İşlemi cihazınızda çalıştırıp hata, uyarı ve ölçümleri inceleyin. Başlık Hiyerarşisi Denetleyici, şu yöntemi uygular: Başlık Hiyerarşisi Denetleyici, “Markdown başlık atlamalarını, tekrarları ve boş başlıkları bulun” hedefi için şu açıklanabilir yöntemi uygular: unicode, satır ve kelime sınırları korunarak deterministik metin kuralları uygulanır.
- Kabul kontrolü
- Çıktıyı hedef ortam ve sınır vakalarıyla doğrulayın. Başlık Hiyerarşisi Denetleyici kabul ölçütü: Başlık Hiyerarşisi Denetleyici sonucunu kabul etmeden önce anlamı değiştiren cümleler, özel adlar, sayılar, noktalama ve çok dilli karakterlerin önce/sonra karşılaştırması kontrolünü tamamlayın; beklenen amaç “Markdown başlık atlamalarını, tekrarları ve boş başlıkları bulun” olmalıdır..
- Beklenen çıktı
- Başlık Hiyerarşisi Denetleyici tamamlandığında düzenlenmiş metin, değişiklik özeti ve ölçülebilir dil/yapı göstergeleri sunar; bu çıktı “Markdown başlık atlamalarını, tekrarları ve boş başlıkları bulun” ihtiyacına göre düzenlenir.. Markdown başlık atlamalarını, tekrarları ve boş başlıkları bulun.
ARIA Erişilebilir Ad Envanteri için şu sınır geçerlidir: ARIA Erişilebilir Ad Envanteri için kullanım sınırı: 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. Bu koşul karşılanmıyorsa çıktıyı zincirin sonraki adımına aktarmayın.
“Erişilebilir HTML Yayın Rehberi: Dil, Başlıklar, Formlar ve Erişilebilir Ad” kaydında hassas içeriği değil; araç adını, seçilen ayarı, tarayıcı sürümünü ve “Form yayın öncesi denetimi: ARIA Erişilebilir Ad Envanteri ile yerel analiz” için kabul/red gerekçesini tutun. Böylece kontrol gerçek veriyi çoğaltmadan tekrarlanabilir.
İçerik, görünür ByteQuant ürün davranışı ve varsa listelenen birincil kaynaklarla karşılaştırılarak hazırlanır. Genel bilgilendirmedir; hukuki veya güvenlik danışmanlığı değildir.