Üst kısmında tek satırlık sütun başlıkları bulunan basit bir veri tablosunun erişilebilir hale getirilmesi nispeten kolaydır. Asıl sıkıntı, hem sütunlarda hem de satırlarda başlıklar, birleştirilmiş hücreler veya özet satırları olan karmaşık tablolarla başlar. Bu makalede, ekran okuyucunun bağlamı kaybetmeden her hücre için hangi başlıkların geçerli olduğunu "anlaması" için tablo başlıklarının nasıl etiketleneceği açıklanmaktadır.
Kısacası — bu kılavuzun kapsamı
TH Neden TD'den Farklıdır?
Bir HTML tablosunda veya etiketli bir PDF'de her hücre iki rol türünden birine sahiptir: TH (Tablo Başlığı) veya TD (Tablo Verileri — normal bir veri hücresi). Fark mutlaka görsel değildir; bir başlık hücresi ve bir veri hücresi aynı stilde görünebilir; anlamsaldır: TH, ekran okuyucuya "bu, altındaki veya yanındaki verilerin ne anlama geldiğini açıklayan bir başlıktır" der. Doğru etiketleme olmadan ekran okuyucu, sanki her hücre eşitmiş gibi tabloda satır satır hareket eder ve hangi verinin hangi kategoriye ait olduğunun izini tamamen kaybetmek kolaydır.
Kapsam Yeterli Olduğunda ve Daha Fazlasına İhtiyacınız Olduğunda
Çoğu tablo için birkapsamher TH hücresine, bunun bir sütun başlığı olup olmadığını belirtmek için bir öznitelik verir (scope="col") veya bir satır başlığı (scope="row"). Ekran okuyucu bir veri hücresine ulaştığında, otomatik olarak hem ilgili sütun başlığını hem de satır başlığını duyurur; böylece kullanıcı, örneğin yalnızca "1.200" yerine "1.200 — Satış, Q1" ifadesini duyar.
İkiden fazla başlık düzeyine sahip özellikle karmaşık tablolar için (örneğin, birkaç alt sütunu gruplayan bir süper başlık), kapsam tek başına her zaman yeterli değildir. Bu durumlarda, id ve başlıklar öznitelik çiftini kullanın: her başlık hücresine benzersiz bir kimlik verin ve her veri hücresi listesinde, başlıklar özelliğinde onunla ilgili tüm başlık kimliklerini verin. Bu yöntem daha esnektir ancak aynı zamanda daha karmaşık ve hataya açıktır; gerçekten ihtiyaç duyulan durumlar için saklayın.
scope="col"ve satır başlıkları ("Q1", "Q2", "Q3") ilescope="row"— yani her veri hücresi kendisiyle ilgili iki başlığa bağlanır.Özet Satırları ve Çoklu Başlıklar
Bir tablonun altındaki özet satırının ("Toplam", "Ortalama") kendisi de bir tür başlıktır; toplam hücrenin kendisini kapsam = "satır" ile TH olarak etiketlemek genellikle uygundur, böylece bir ekran okuyucu onu normal bir veri satırından ayırır. Benzer şekilde, birkaç sütunu gruplandıran süper başlığa sahip bir tablo (örneğin, "Q1", "Q2"yi kapsayan "2026 Satışları")colspankapsamla birlikte öznitelik sağlar, böylece yüksek sesle okunduğunda da hiyerarşik gruplama korunur.
💡 Pratik İpucu
Bir tablo doğru şekilde etiketlenemeyecek kadar karmaşık görünüyorsa (iki düzeyden fazla başlık, birden fazla birleştirme), bazen en basit ve en erişilebilir çözüm, onu daha basit birkaç tabloya bölmek veya yanına düz metinli bir özet eklemektir.
Bu, Word ve PDF'de Uygulamada Nasıl Görünüyor?
Word'de, standart "Tablo Ekle" aracını kullanmak ve Tablo Tasarımı'nda "Başlık Satırı"nı kontrol etmek, çoğu durumda PDF'ye otomatik olarak TH olarak aktaran doğru temeli oluşturur. Acrobat'ta, Word'den dışa aktardıktan ve bir erişilebilirlik kontrolü çalıştırdıktan sonra, etiket ağacını açıp başlık hücrelerinin normal bir TD olarak değil, gerçekten TH olarak işaretlendiğini doğrulamaya değer; bu, gözden kaçırılması kolay yaygın bir dışa aktarma hatasıdır.
Belgelerde Hiç Test Edilmemiş Veri Tabloları mı Var?
Aracımız, sitenizdeki her PDF dosyasında eksik veya yanlış başlıklara sahip tabloları tanımlar.
Sitenizi ücretsiz olarak tarayın ←