Başlıkların ve etiketlerin içeriğin ya da kontrolün konusunu ve amacını anlatmasını ister.
Başlıklar bir bölümün ne hakkında olduğunu, etiketler ise bir alana ne girileceğini ya da bir kontrolün ne yaptığını söyler. "Bölüm 1", "Ayrıntılar" ve "Alan" hiçbir şey söylemez. Ekran okuyucu kullanıcıları başlıklar ve form alanları arasında atlar ve bunların söylediklerine güvenir.
Bu kriter, başlıkların ve etiketlerin konuyu ya da amacı anlatmasını ister. Başlıkların ya da etiketlerin var olmasını şart koşmaz, ama varsa açıklayıcı olmalıdır.
Başlıklar ve form kontrolleri arasında gezinen ekran okuyucu kullanıcıları. İçeriği öngörmek için net başlıklara güvenen bilişsel ya da kısa süreli bellek güçlüğü olan kişiler. İhtiyaç duyduklarını bulmak için başlıkları kullanan yavaş okuyanlar ve tarayanlar. Kontrolleri etiketiyle seçen ses denetimi kullanıcıları.
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. Açıklayıcı başlıklar ve etiketler, "işletilebilirlik" ilkesinin parçasıdır.
Teknik karşılığı EN 301 549 standardında bulunur. Standart, WCAG 2.4.6'i atıfla alır ve ortama göre ayrı maddelere dönüştürür.
| Madde | Ortam | Ne ister? |
|---|---|---|
| 9.2.4.6 | Web sayfaları | Web içeriğinin WCAG 2.4.6 kriterini karşılamasını ister. |
| 10.2.4.6 | Web dışı dokümanlar (PDF, Office dosyaları) | Standardın uyguladığı hâllerde dokümanların açıklayıcı başlıklara ve etiketlere sahip olmasını ister. |
| 11.2.4.6 | Web dışı yazılım (yerel mobil uygulamalar) | Yazılımın açıklayıcı başlıklara ve etiketlere sahip olmasını ister. |
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ü: EN 301 549 V4.1.1 (Eylül 2026), WCAG 2.2'yi esas alan ve EAA için hazırlanan ilk sürümdür. Henüz AB Resmî Gazetesi'nde atıf almamıştır; bu nedenle EAA gereksinimlerini karşılamanın gönüllü teknik yolu olarak görülmelidir. Atıf yapıldığında EAA ile ilgili uygunluk karinesi sağlayacaktır. 2.4.6 kriterinin metni WCAG 2.1 ve 2.2'de aynıdır. AA düzeyinde bir kriterdir.
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
Bir başlık kullanıcılara bölümün ne hakkında olduğunu söylemelidir.
EN<h2>Bölüm 1</h2>
<h2>Ayrıntılar</h2>
<h2>Daha fazla</h2><h2>Teslimat seçenekleri</h2>
<h2>İade ve geri ödeme</h2>
<h2>Destek ekibiyle iletişime geçin</h2>Bir etiket ne girileceğini söylemelidir.
<label for="a1">Alan 1</label>
<input id="a1"><label for="soyad">Soyadı</label>
<input id="soyad" autocomplete="family-name">Aynı alan birden çok kez göründüğünde etiket ya da grubu onları birbirinden ayırmalıdır.
<label for="s1">Sokak</label> <input id="s1">
<label for="s2">Sokak</label> <input id="s2"><fieldset>
<legend>Fatura adresi</legend>
<label for="fs">Sokak</label> <input id="fs">
</fieldset>
<fieldset>
<legend>Teslimat adresi</legend>
<label for="ts">Sokak</label> <input id="ts">
</fieldset>Bir düğme etiketi ne olacağını söylemelidir.
<button>Gönder</button>
<button>Tamam</button><button>Mesajı gönder</button>
<button>Değişiklikleri kaydet</button>Bir başlık başlık olarak işaretlenmeli ve bölümü anlatmalıdır. Başlık düzeylerini yalnızca biçimlendirme için kullanmayın.
<p class="buyuk-kalin">Çalışma saatleri</p><h2>Çalışma saatleri</h2>Yalnızca simge, ancak anlamı yaygın olarak anlaşılıyorsa kabul edilebilir. Aksi hâlde metin ekleyin.
<button><svg>…</svg></button><button><svg aria-hidden="true">…</svg> Favorilere ekle</button>Yerel uygulamalarda ekran başlıkları, bölüm üst bilgileri ve kontrol etiketleri aynı niteliğe ihtiyaç duyar ve etiketler yardımcı teknolojiye sunulmalıdır.
import SwiftUI
struct AdresFormu: View {
@State private var sokak = ""
var body: some View {
Form {
// Başlık olarak işaretlenmiş açıklayıcı bölüm üst bilgisi
Section(header: Text("Teslimat adresi")) {
// Kaçının: TextField("Alan 1", text: $sokak)
TextField("Sokak ve kapı numarası", text: $sokak)
.textContentType(.streetAddressLine1)
}
}
}
}import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.semantics.heading
import androidx.compose.ui.semantics.semantics
@Composable
fun AdresFormu() {
var sokak by remember { mutableStateOf("") }
Text(
"Teslimat adresi",
style = MaterialTheme.typography.titleMedium,
modifier = Modifier.semantics { heading() }
)
// Kaçının: label = { Text("Alan 1") }
OutlinedTextField(
value = sokak,
onValueChange = { sokak = it },
label = { Text("Sokak ve kapı numarası") }
)
}Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.
