Belge bağlantı bütünlüğü ve tablo erişilebilirliğini otomasyon ile gerçek klavye/ekran okuyucu testine bağlayan ayrıntılı rehber.
Bağlantının metni hedefi açıklamalıdır
'Buraya tıklayın' veya çıplak URL, bağlantı listesini kullanan okuyucuya bağlam vermez. Metin, hedefi ve mümkünse dosya türü ya da dış site bilgisini kısa biçimde anlatmalıdır.
Aynı görünen metni farklı hedefler için tekrar kullanmayın. Yeni sekme, indirme veya dil değişimi beklenmedikse görünür olarak belirtilmelidir.
- Bağlantıyı cümleden bağımsız okuyun.
- Hedef türünü gerektiğinde belirtin.
- Klavye odağını görünür tutun.
Referans ve URL sözdizimini yerelde doğrulayın
Tanımsız referans kimliği veya yinelenen tanım, Markdown motoruna göre sessiz düz metne ya da yanlış hedefe dönüşebilir. javascript:, data: ve benzeri yürütülebilir şemalar kullanıcı içeriğinde reddedilmelidir.
Yerel araç ağ isteği yapmadığı için 404, yönlendirme, TLS ve hedef sayfa sahipliğini doğrulamaz. Bu kontroller yayın CI'ında sınırlı hız ve izinli alan politikasıyla ayrıca yapılmalıdır.
Tabloyu yalnızca gerçekten tablo olan veri için kullanın
İki boyutlu ilişkisi olmayan içeriği hizalamak için tablo kullanmak mobil ve ekran okuyucu deneyimini bozar. Basit başlık-değer listesi definition list, kart veya düz metin olarak daha iyi olabilir.
Gerçek veri tablosu kısa bir caption ile amacını anlatmalı; sütun ve satır başlıkları th olmalı, scope ilişkisi basit tabloda açıkça verilmelidir.
Karmaşık tabloda ilişkiyi ve mobil davranışı tasarlayın
Çok seviyeli başlık, birleşik hücre ve ara toplam içeren tabloda scope tek başına yeterli olmayabilir; id/headers ilişkisi ve daha basit alternatif görünüm düşünülmelidir. Başlıklar görsel kalınlığa değil semantik işaretlemeye dayanmalıdır.
Dar ekranda yatay kaydırma bölgesi odaklanabilir ve etiketli olmalı; ilk sütunu sabitlemek içeriği örtmemelidir. Veri kaybına yol açan CSS ile sütun gizleme yerine özet görünüm ve tam tablo bağlantısı sunun.
Otomasyonu gerçek kullanım testiyle kapatın
Statik denetim caption, th ve scope eksiklerini bulabilir; doğru okuma sırası, anlaşılır bağlantı metni ve büyütmede taşma için gerçek tarayıcı gerekir. Klavye, ekran okuyucu, yüzde 200 yakınlaştırma ve koyu/açık tema ile test edin.
Bulguya ekran görüntüsü değil tekrar üretim adımı, etkilenen kullanıcı, beklenen davranış ve düzeltme kabul ölçütü ekleyin. WCAG uygunluğu tek bir araç çıktısıyla ilan edilmemelidir.
- En az bir gerçek yardımcı teknoloji testi yapın.
- Mobil kaydırmayı klavyeyle deneyin.
- Düzeltmeyi aynı fixture ile yeniden sınayın.
Bu rehberle birlikte kullanabileceğiniz araçlar
Aşağıdaki araçlar aynı kararın farklı kanıtlarını üretir. Her çıktıyı gerçek ortam, sözleşme veya yetkili kaynakla ayrıca doğrulayın.
- Markdown Bağlantı Bütünlüğü Denetleyici
- HTML Tablo Erişilebilirlik Denetleyici
- Markdown Önizleyici
- Başlık Hiyerarşisi Denetleyici
Okuduklarınızı güvenli bir denemeye dönüştürün
“Erişilebilir Markdown ve HTML Tablo Yayınlama Kontrolü” adımlarını gerçek veriye geçmeden önce sentetik bir örnekle Markdown Bağlantı Bütünlüğü Denetleyici üzerinde deneyin. İşaretler yalnızca bu sekmede tutulur.
Rehberi tekrarlanabilir bir kontrole dönüştürün
“Erişilebilir Markdown ve HTML Tablo Yayınlama Kontrolü” için aşağıdaki 4 araçlık kontrol planını kullanın. Hedef: Belge bağlantı bütünlüğü ve tablo erişilebilirliğini otomasyon ile gerçek klavye/ekran okuyucu testine bağlayan ayrıntılı rehber. Gerçek veri yerine güvenli bir örnekle başlayın; her adımın beklenen sonucunu ve kabul kararını kaydedin.
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.
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.
Markdown Önizleyici
- Hazırlık
- Markdown metnini sol alana yazın veya yapıştırın.
- Uygulama
- Sağdaki canlı önizlemeyi ve HTML kodunu kontrol edin.
- Kabul kontrolü
- Üretilen HTML'i kopyalayın veya dosya olarak indirin.
- Beklenen çıktı
- düzenlenmiş metin, değişiklik özeti ve ölçülebilir dil/yapı göstergeleri. Markdown metnini güvenli HTML önizlemesi ve kopyalanabilir kodla birlikte gö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.
Markdown Bağlantı Bütünlüğü 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 Markdown ve HTML Tablo Yayınlama Kontrolü” kaydında hassas içeriği değil; araç adını, seçilen ayarı, tarayıcı sürümünü ve “README yayın kontrolü — Markdown içindeki bozuk referansları, güvensiz şemaları ve yinelenen tanımları ağ isteği olmadan bulun.” için kabul/red gerekçesini tutun. Böylece kontrol gerçek veriyi çoğaltmadan tekrarlanabilir.
“Erişilebilir Markdown ve HTML Tablo Yayınlama Kontrolü”, erişilebilir yayıncılık 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.