Otomatik ön kontrolleri klavye, zoom, ekran okuyucu ve gerçek paylaşım önizlemesiyle tamamlayan erişilebilir yayın iş akışı.
İçerik modelini görsel tasarımdan önce doğrulayın
Başlık sırası, liste yapısı, bağlantı metni ve tablonun gerçekten iki boyutlu veri taşıyıp taşımadığı yayın öncesinde belirlenir. Kartları hizalamak için tablo kullanmak, görünüm düzgün olsa bile yardımcı teknoloji deneyimini bozar.
Tabloda kısa caption, anlamlı th hücreleri ve basit ilişkiler için scope gerekir. Çok seviyeli başlıklar karmaşıklaşıyorsa daha basit bir tablo veya alternatif özet sunmak genellikle daha güvenlidir.
- Tek bir H1 ve sıralı başlık yapısı kullanın.
- Bağlantıyı cümleden bağımsız okuyun.
- Layout için tablo kullanmayın.
Kontrastı gerçek durumlarda ölçün
Normal metin, büyük metin, ikon, odak halkası, hata ve devre dışı durumları ayrı değerlendirin. Degrade veya görsel üzerindeki metinde yalnızca başlangıç rengini ölçmek en zayıf noktayı gizleyebilir.
Kontrast oranı tek başına kullanılabilirlik kanıtı değildir. 200 ve 400 yüzde zoom, koyu/açık tema, yüksek kontrast tercihi ve renk olmadan anlamın korunması gerçek tarayıcıda denenmelidir.
Bağlantı ve meta veriyi vaatle aynı tutun
Bağlantı metni hedefi açıklamalı; beklenmeyen indirme, yeni sekme veya dil değişimi belirtilmelidir. Yerel Markdown kontrolü sözdizimini ve riskli protokolü görebilir, fakat 404, TLS veya hedef sahipliğini ağ olmadan kanıtlayamaz.
Title, description, canonical, Open Graph ve favicon marka ile sayfanın gerçek içeriğini yansıtmalıdır. Sosyal kartta görünen vaat, sayfa açıldığında ilk görünümde bulunmuyorsa kullanıcı güveni zedelenir.
Otomasyonu gerçek kullanıcı akışıyla kapatın
Klavye ile menüden ana göreve, hata mesajına ve sonuç kontrolüne ulaşın. Yatay kaydırma gerekiyorsa bölge odaklanabilir ve etiketli olmalı; önemli sütunları CSS ile sessizce gizlemeyin.
Kabul kaydına test edilen URL, viewport, zoom, tema, tarayıcı, yardımcı teknoloji, beklenen davranış ve gözlenen sonucu yazın. Tek tarayıcı veya tek otomatik skor WCAG uyumu kanıtlamaz.
Bu iş akışındaki araçlar ve görevleri
Her araç farklı bir kanıt üretir; tek bir çıktı tüm iş akışını onaylamaz. Sentetik örnekle başlayın, belirtilen kabul kontrolünü uygulayın ve sonuç sınırı aşıyorsa sonraki adıma geçmeyin.
- HTML Tablo Erişilebilirlik Denetleyici
- Renk Kontrastı Denetleyici
- Markdown Bağlantı Bütünlüğü Denetleyici
- Meta Etiket / Favicon Üretici
Okuduklarınızı güvenli bir denemeye dönüştürün
“Erişilebilir İçerik Yayını için Kanıt Odaklı Kontrol Listesi” adımlarını gerçek veriye geçmeden önce sentetik bir örnekle HTML Tablo Erişilebilirlik Denetleyici üzerinde deneyin. İşaretler yalnızca bu sekmede tutulur.
Rehberi tekrarlanabilir bir kontrole dönüştürün
“Erişilebilir İçerik Yayını için Kanıt Odaklı Kontrol Listesi” için aşağıdaki 4 araçlık kontrol planını kullanın. Hedef: Otomatik ön kontrolleri klavye, zoom, ekran okuyucu ve gerçek paylaşım önizlemesiyle tamamlayan erişilebilir yayın iş akışı. Gerçek veri yerine güvenli bir örnekle başlayın; her adımın beklenen sonucunu ve kabul kararını kaydedin.
HTML Tablo Erişilebilirlik Denetleyici
- Hazırlık
- Tablo içeren HTML parçasını ekleyin.
- Uygulama
- İşaretleme denetimini çalıştırın.
- Kabul kontrolü
- Klavye ve ekran okuyucuyla gerçek sayfayı test edin.
- Beklenen çıktı
- satır/sütun özeti, normalize edilmiş kayıtlar ve sorunlu hücrelerin konumu. Tablo işaretlemesinde caption, başlık hücresi, scope ve karmaşık ilişki eksiklerini bulun.
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.
Markdown Bağlantı Bütünlüğü Denetleyici
- Hazırlık
- Markdown kaynağını yapıştırın.
- Uygulama
- Yerel bağlantı denetimini çalıştırın.
- Kabul kontrolü
- Uzak hedefleri yayın ortamında ayrıca doğrulayın.
- Beklenen çıktı
- düzenlenmiş metin, değişiklik özeti ve ölçülebilir dil/yapı göstergeleri. Markdown içindeki bozuk referansları, güvensiz şemaları ve yinelenen tanımları ağ isteği olmadan bulun.
Meta Etiket / Favicon Üretici
- Hazırlık
- Site başlığı, açıklaması ve mutlak canonical URL'yi girin.
- Uygulama
- Sosyal görsel ile favicon adreslerini ekleyip canlı önizleme ve uyarıları inceleyin.
- Kabul kontrolü
- HTML veya Next.js taslağını kopyalayın; Search Console ve platform doğrulayıcılarında ayrıca test edin.
- Beklenen çıktı
- indirilebilir yeni dosya, boyut/biçim ölçümleri ve işlem sınırı. SEO, Open Graph, Twitter Card ve favicon etiketlerini tek bir güvenli HTML bloğunda üretin.
HTML Tablo Erişilebilirlik Denetleyici için şu sınır geçerlidir: Dil, anlam ve bağlamla ilgili son karar insan incelemesi gerektirir. Bu koşul karşılanmıyorsa çıktıyı zincirin sonraki adımına aktarmayın.
“Erişilebilir İçerik Yayını için Kanıt Odaklı Kontrol Listesi” kaydında hassas içeriği değil; araç adını, seçilen ayarı, tarayıcı sürümünü ve “İçerik yayın kontrolü — Tablo işaretlemesinde caption, başlık hücresi, scope ve karmaşık ilişki eksiklerini bulun.” için kabul/red gerekçesini tutun. Böylece kontrol gerçek veriyi çoğaltmadan tekrarlanabilir.
“Erişilebilir İçerik Yayını için Kanıt Odaklı Kontrol Listesi”, erişilebilir yayın 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.