Ayrıştırma (Parsing)

Kısaca

Bu sayfa, hâlâ EN 301 549 V3.2.1'e göre çalışan ekipler içindir. 4.1.1 kriteri temiz işaretleme istiyordu: tam etiketler, doğru iç içe geçme, yinelenen öznitelik olmaması ve benzersiz kimlikler. W3C bunu geçerliliğini yitirmiş olarak işaretledi ve WCAG 2.2'den kaldırdı; çünkü tarayıcılar artık işaretlemeyi, yardımcı teknolojinin güvendiği tutarlı bir biçimde ayrıştırıyor.

Altta yatan sorunlar ortadan kalkmadı. Bozuk işaretleme hâlâ bir etiketi, bir aria-labelledby göndermesini ya da bir kontrolü bozabilir; bu durumlar artık 1.3.1 ve 4.1.2 kapsamındadır. Temiz işaretlemeyi her proje için iyi uygulama sayın.

Neleri kapsar?

• WCAG 2.1 şartı: İşaretleme dilleriyle uygulanan içerikte öğeler tam başlangıç ve bitiş etiketlerine sahiptir, öğeler spesifikasyonlarına göre iç içe geçer, öğeler yinelenen öznitelik içermez ve spesifikasyonların izin verdiği durumlar dışında tüm kimlikler benzersizdir.
• Tam etiketler: Kapanış açılı ayracı ya da öznitelik değerindeki kapanış tırnağı gibi kritik bir karakteri eksik olan etiket tam sayılmaz.
• WCAG 2.2'deki durumu: Kriter geçerliliğini yitirmiştir ve WCAG 2.2'de kaldırılmıştır; çünkü yardımcı teknoloji artık işaretlemeyi ayrıştırmak için tarayıcıya güvenir.
• Hâlâ önemli olduğu yerler: 4.1.1'den kalacak birçok sorun artık 1.3.1 Bilgi ve İlişkiler ya da 4.1.2 Ad, Rol, Değer kapsamına girer; örneğin bir label ilişkisini bozan yinelenen kimlik.
• Standartlar: EN 301 549 V3.2.1, WCAG 2.1'i esas alır ve kriteri içerir. EN 301 549 V4.1.1, WCAG 2.2'yi esas alır; bu yüzden maddenin korunup korunmadığını metninden kontrol edin.
• Spesifikasyondaki istisnalar: Bir işaretleme spesifikasyonunun izin verdiği özellik, örneğin HTML'de bazı bitiş etiketlerinin atlanması, hata sayılmaz.

Kimleri etkiler?

Yazılımı tutarlı bir yapıya bağlı olan yardımcı teknoloji kullanıcıları. Hatalardan farklı biçimlerde toparlanan tarayıcıların kullanıcıları. Temiz işaretlemenin çalışır tuttuğu etiketlere, göndermelere ve kontrollere güvenen herkes.

EAA ve EN 301 549'da

Avrupa Erişilebilirlik Yasası (Direktif (AB) 2019/882) 28 Haziran 2025'ten sonra piyasaya sunulan kapsamdaki ürün ve hizmetler için geçerlidir. Yasanın 47. gerekçesi web siteleri ve mobil uygulamalar için dört ilkeyi sayar: algılanabilirlik, işletilebilirlik, anlaşılabilirlik ve sağlamlık. Sağlam işaretleme, "sağlamlık" ilkesinin parçasıdır.

Teknik karşılığı EN 301 549 standardında bulunur. Standart, WCAG 4.1.1'i atıfla alır ve ortama göre ayrı maddelere dönüştürür.

Bu kriter için standardın doküman ve yazılım maddeleri V3.2.1'de kontrol edilmelidir. Kriterin web dışı dokümanlara uygulanıp uygulanmadığı ve nasıl uygulandığı standardın 10. maddesinde belirtilir. Madde numaraları EN 301 549'un "9. + WCAG numarası" düzenine göredir. V3.2.1'de yazılım maddesi, açık ve kapalı işlevsellik için ayrı alt maddelere bölünmüştür. Kaynak gösterirken tam numaraları standarttan kontrol edin.

Standart sürümü: 4.1.1 kriteri, WCAG 2.1'i esas alan EN 301 549 V3.2.1'de yer alır. EN 301 549 V4.1.1'in (Eylül 2026) esas aldığı WCAG 2.2'den kaldırılmıştır; bu yüzden maddenin korunup korunmadığını V4.1.1'den kontrol edin. V4.1.1 henüz Avrupa Birliği Resmî Gazetesi'nde atıf almamıştır. V3.2.1'e göre çalışıyorsanız bu kriteri onun parçası sayın.

EAA bağlamında dikkat: Yasanın Madde 2/4 hükmü bazı içerikleri gereksinimlerin dışında bırakır; örneğin 28 Haziran 2025'ten önce yayımlanmış ofis dosya biçimleri ve bu tarihten sonra güncellenmeyen arşivler. Bu tarihten sonra yayımladığınız ya da değiştirdiğiniz içerik bu istisnaların kapsamında değildir.

Directive (EU) 2019/882, EUR-Lex, İngilizce, yeni sekmede açılır

Web için kod örnekleri

1. Yinelenen kimlikler

Yinelenen bir kimlik, bir etiketin ya da ARIA göndermesinin yanlış öğeyi göstermesine yol açabilir.

<label for="name">Ad</label>
<input id="name">
<input id="name"> <!-- yinelenen -->

<label for="billing-name">Fatura adı</label>
<input id="billing-name">
<label for="shipping-name">Teslimat adı</label>
<input id="shipping-name">

2. Eksik kapanış tırnağı

Eksik kapanış tırnağı, etiketin geri kalanını ve sonraki öznitelikleri yutabilir.

<a href="/iletisim class="button">İletişim</a>

<a href="/iletisim" class="button">İletişim</a>

3. Yanlış iç içe geçme

Öğeler spesifikasyonunun izin verdiği biçimde iç içe geçmelidir; örneğin bir bağlantının içinde bağlantı olmaz.

<a href="/a">Bir <a href="/b">İki</a></a>

<a href="/a">Bir</a> <a href="/b">İki</a>

4. Yinelenen öznitelik

Bir öznitelik iki kez geçtiğinde tarayıcılar birini tutar, diğerini yok sayar.

<button class="primary" class="large" type="button">Kaydet</button>

<button class="primary large" type="button">Kaydet</button>

5. Kapatılmamış öğe

Hiç kapatılmayan bir öğe, ondan sonraki her şeyin yapısını değiştirebilir.

<a href="/a">Devamını oku
<p>Sonraki paragraf bağlantının içinde kalır.</p>

<a href="/a">Devamını oku</a>
<p>Sonraki paragraf bağlantının dışındadır.</p>

6. İşaretlemeyi doğrulayın

Bir doğrulayıcı bu sorunların çoğunu saniyeler içinde yakalar. Derleme sürecinde çalıştırın.

<!-- İşaretleme hiç doğrulanmıyor -->

# CI içinde
npx html-validate "dist/**/*.html"

Mobil için kod örnekleri

Bu kriter işaretleme dilleriyle ilgilidir. Yerel iOS ve Android ekranları bir tarayıcının ayrıştırdığı işaretlemeyle yazılmaz; bu yüzden aynı biçimde doğrulanacak bir şey yoktur. Standart bileşenler kullanmak erişilebilirlik ağacını tutarlı tutar.

iOS (SwiftUI)

import SwiftUI

struct Contact: View {
    var body: some View {
        // Standart bileşenler platforma güvenilir bir yapı verir
        VStack {
            Text("Bize ulaşın").font(.headline)
            Button("E-posta gönderin") { }
        }
    }
}

Android (Jetpack Compose)

import androidx.compose.foundation.layout.Column
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable

@Composable
fun Contact() {
    // Standart bileşenler platforma güvenilir bir yapı verir
    Column {
        Text("Bize ulaşın")
        Button(onClick = { }) { Text("E-posta gönderin") }
    }
}

Nasıl test edilir?

• HTML doğrulayıcı çalıştırın: İşlenmiş sayfalarda ve şablonlarda W3C Nu HTML denetleyicisini ya da html-validate gibi bir linter kullanın.
• Kimlikleri kontrol edin: Yinelenen id değerlerini arayın; özellikle bir sayfada birkaç kez işlenen bileşenlerde.
• Etiketleri ve göndermeleri kontrol edin: for, aria-labelledby ve aria-describedby doğru öğeyi gösteriyor mu?
• İşlenmiş DOM'u kontrol edin: Yalnızca kaynağa değil, geliştirici araçlarındaki DOM'a bakın; çünkü betikler yinelenenler oluşturabilir.
• İç içe geçmeyi kontrol edin: İç içe geçmiş etkileşimli öğeleri ve izin verilmeyen yerlerde satır içi öğelerin içindeki blok öğeleri arayın.
• Üretilen içeriği kontrol edin: Bir İYS ya da düzenleyiciden gelen içerik çoğu zaman bozuk etiketler içerir.
• Denetleyiciyi başlangıç olarak kullanın: Otomatik araçlar yinelenen kimlikleri ve öznitelikleri bulur (Understanding sayfası ikisi için de test kurallarına atıf yapar). Erişilebilirlik için neyin önemli olduğuna bir kişi karar verir.

Sık yapılan hatalar

• Yinelenen bileşenlerden kaynaklanan yinelenen kimlikler: Aynı kimliklerle iki kez işlenen aynı bileşen.
• Etiketleri bozan yinelenen kimlikler: Yanlış alana bağlı bir etiket.
• Eksik tırnak ya da ayraç: Kendilerinden sonrasını yutan etiketler.
• Geçersiz iç içe geçme: Bir bağlantının içinde bağlantı ya da düğme.
• Yinelenen öznitelikler: Aynı öğede iki class ya da iki aria-label.
• Düzenleyici ve İYS çıktısı: Kelime işlemciden yapıştırılan, bozuk etiketli içerik.
• Hiç doğrulamamak: Derlemede linter ve doğrulayıcı yok.
• Artık önemi kalmadığını sanmak: Tarayıcılar işaretlemeyi onarır, ama her zaman yazarın kastettiği biçimde değil.

Kaynaklar

• Understanding SC 4.1.1: Parsing (Obsolete and removed) (W3C), İngilizce, yeni sekmede açılır
• The W3C Nu HTML Checker, İngilizce, yeni sekmede açılır
• Directive (EU) 2019/882, European Accessibility Act (EUR-Lex), İngilizce, yeni sekmede açılır
• EN 301 549 V4.1.1 (ETSI), İngilizce, yeni sekmede açılır
• The European accessibility standard EN 301 549 has been updated (AccessibleEU), İngilizce, yeni sekmede açılır

Standart sürümü: EN 301 549 V4.1.1 (2026-09), WCAG 2.2. Bu sayfa bilgilendirme amaçlıdır ve hukuki tavsiye niteliği taşımaz; bağlayıcı metin için Avrupa Erişilebilirlik Yasası'nın (Direktif (AB) 2019/882) ve EN 301 549 standardının resmî metinlerini esas alın.