Otomatik ön kontrolleri klavye, zoom, ekran okuyucu ve gerçek paylaşım önizlemesiyle tamamlayan erişilebilir yayın iş akışı.
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.
İç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
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. HTML Tablo Erişilebilirlik Denetleyici için beklenen biçim: HTML Tablo Erişilebilirlik Denetleyici için başlangıç girdisi: başlık ve satır yapısı tutarlı CSV, TSV, tablo veya ayraçlı kayıtlar. Araç bu girdiyi “Tablo işaretlemesinde caption, başlık hücresi, scope ve karmaşık ilişki eksiklerini bulun” amacıyla kullanır..
- Uygulama
- İşaretleme denetimini çalıştırın. HTML Tablo Erişilebilirlik Denetleyici, şu yöntemi uygular: HTML Tablo Erişilebilirlik Denetleyici, “Tablo işaretlemesinde caption, başlık hücresi, scope ve karmaşık ilişki eksiklerini bulun” hedefi için şu açıklanabilir yöntemi uygular: ayraç, tırnak, satır ve sütun sınırları ayrı ayrı incelenir.
- Kabul kontrolü
- Klavye ve ekran okuyucuyla gerçek sayfayı test edin. HTML Tablo Erişilebilirlik Denetleyici kabul ölçütü: HTML Tablo Erişilebilirlik Denetleyici sonucunu kabul etmeden önce başlık sayısı, satır uzunluğu, tırnak kaçışları ve örnek kayıtların hedef tabloda açılması kontrolünü tamamlayın; beklenen amaç “Tablo işaretlemesinde caption, başlık hücresi, scope ve karmaşık ilişki eksiklerini bulun” olmalıdır..
- Beklenen çıktı
- HTML Tablo Erişilebilirlik Denetleyici tamamlandığında satır/sütun özeti, normalize edilmiş kayıtlar ve sorunlu hücrelerin konumu sunar; bu çıktı “Tablo işaretlemesinde caption, başlık hücresi, scope ve karmaşık ilişki eksiklerini bulun” ihtiyacına göre düzenlenir.. 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. 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.
Markdown Bağlantı Bütünlüğü Denetleyici
- Hazırlık
- Markdown kaynağını yapıştırın. Markdown Bağlantı Bütünlüğü Denetleyici için beklenen biçim: Markdown Bağlantı Bütünlüğü 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 içindeki bozuk referansları, güvensiz şemaları ve yinelenen tanımları ağ isteği olmadan bulun” amacıyla kullanır..
- Uygulama
- Yerel bağlantı denetimini çalıştırın. Markdown Bağlantı Bütünlüğü Denetleyici, şu yöntemi uygular: Markdown Bağlantı Bütünlüğü Denetleyici, “Markdown içindeki bozuk referansları, güvensiz şemaları ve yinelenen tanımları ağ isteği olmadan 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ü
- Uzak hedefleri yayın ortamında ayrıca doğrulayın. Markdown Bağlantı Bütünlüğü Denetleyici kabul ölçütü: Markdown Bağlantı Bütünlüğü 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 içindeki bozuk referansları, güvensiz şemaları ve yinelenen tanımları ağ isteği olmadan bulun” olmalıdır..
- Beklenen çıktı
- Markdown Bağlantı Bütünlüğü Denetleyici tamamlandığında düzenlenmiş metin, değişiklik özeti ve ölçülebilir dil/yapı göstergeleri sunar; bu çıktı “Markdown içindeki bozuk referansları, güvensiz şemaları ve yinelenen tanımları ağ isteği olmadan bulun” ihtiyacına göre düzenlenir.. 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. Meta Etiket / Favicon Üretici için beklenen biçim: Meta Etiket / Favicon Üretici için başlangıç girdisi: desteklenen türde, boyut sınırını aşmayan yerel dosya veya dosyalar. Araç bu girdiyi “SEO, Open Graph, Twitter Card ve favicon etiketlerini tek bir güvenli HTML bloğunda üretin” amacıyla kullanır..
- Uygulama
- Sosyal görsel ile favicon adreslerini ekleyip canlı önizleme ve uyarıları inceleyin. Meta Etiket / Favicon Üretici, şu yöntemi uygular: Meta Etiket / Favicon Üretici, “SEO, Open Graph, Twitter Card ve favicon etiketlerini tek bir güvenli HTML bloğunda üretin” hedefi için şu açıklanabilir yöntemi uygular: dosya tarayıcı belleğinde okunur; özgün dosya değiştirilmeden yeni çıktı üretilir.
- Kabul kontrolü
- HTML veya Next.js taslağını kopyalayın; Search Console ve platform doğrulayıcılarında ayrıca test edin. Meta Etiket / Favicon Üretici kabul ölçütü: Meta Etiket / Favicon Üretici sonucunu kabul etmeden önce özgün dosyanın korunması; çıktı açılabilirliği, beklenen sayfa/kare sayısı, boyut ve görünür kalitenin kontrolü kontrolünü tamamlayın; beklenen amaç “SEO, Open Graph, Twitter Card ve favicon etiketlerini tek bir güvenli HTML bloğunda üretin” olmalıdır..
- Beklenen çıktı
- Meta Etiket / Favicon Üretici tamamlandığında indirilebilir yeni dosya, boyut/biçim ölçümleri ve işlem sınırı sunar; bu çıktı “SEO, Open Graph, Twitter Card ve favicon etiketlerini tek bir güvenli HTML bloğunda üretin” ihtiyacına göre düzenlenir.. 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: HTML Tablo Erişilebilirlik Denetleyici için kullanım sınırı: 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.: HTML Tablo Erişilebilirlik Denetleyici 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.