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.
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.
Okuduklarınızı güvenli bir denemeye dönüştürün
“Erişilebilir HTML Yayın Rehberi: Dil, Başlıklar, Formlar ve Erişilebilir Ad” adımlarını gerçek veriye geçmeden önce sentetik bir örnekle ARIA Erişilebilir Ad Envanteri üzerinde deneyin. İşaretler yalnızca bu sekmede tutulur.
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.
- Uygulama
- Denetimi cihazınızda çalıştırın; ölçümleri, uyarıları ve önerilen düzeltmeleri birlikte inceleyin.
- Kabul kontrolü
- Sonucu gerçek hedef ortamda doğrulayın ve karar kaydına varsayımları ekleyin.
- Beklenen çıktı
- öğe türü, seçici ipucu, hesaplanan ad kaynağı ve adsız/şüpheli kontrol durumu içeren envanter. 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.
- Uygulama
- Denetimi cihazınızda çalıştırın; ölçümleri, uyarıları ve önerilen düzeltmeleri birlikte inceleyin.
- Kabul kontrolü
- Sonucu gerçek hedef ortamda doğrulayın ve karar kaydına varsayımları ekleyin.
- Beklenen çıktı
- belge sinyalleri özeti, sıralı başlık ağacı ve her sorun için kaynak öğeye yönelik düzeltme notu. 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.
- Uygulama
- Kontrast oranını ve eşikleri hesaplayın.
- Kabul kontrolü
- Gerçek yazı boyutu, ağırlığı ve durum renkleriyle ayrıca test edin.
- Beklenen çıktı
- önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç. İ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.
- Uygulama
- İşlemi cihazınızda çalıştırıp hata, uyarı ve ölçümleri inceleyin.
- Kabul kontrolü
- Çıktıyı hedef ortam ve sınır vakalarıyla doğrulayın.
- Beklenen çıktı
- düzenlenmiş metin, değişiklik özeti ve ölçülebilir dil/yapı göstergeleri. 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: 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” için kabul/red gerekçesini tutun. Böylece kontrol gerçek veriyi çoğaltmadan tekrarlanabilir.
“Erişilebilir HTML Yayın Rehberi: Dil, Başlıklar, Formlar ve Erişilebilir Ad”, erişilebilir içerik tasarımı kapsamındaki görünür ByteQuant davranışı ile yeniden üretilebilir ürün kontrolleri karşılaştırılarak hazırlandı. Sınırlar ve kabul ölçütleri karar desteği sunar; hukuki ya da güvenlik danışmanlığı yerine geçmez.