Bu kural ne anlama gelir

WCAG 1.2.5, kriter 1.2.3'ün Seviye AA seviyesine yükseltilmiş halidir. 1.2.3 sesli betimleme VEYA tam bir medya alternatifine izin verirken, 1.2.5 önceden kaydedilmiş eşzamanlanmış medya için özellikle bir sesli betimleme parçası gerektirir. Yalnızca metin alternatifi bu kriteri karşılamaz.

Sesli betimleme, diyalogdaki doğal duraklamalara anlatım ekleyerek mevcut ses yoluyla aktarılmayan önemli görsel içeriği — ortamlar, eylemler, beden dili, grafikler ve sahne değişiklikleri — açıklar.

Neden önemlidir

Görme engelli ve az gören kullanıcılar için sesli betimleme, eksik bir ses deneyimini kapsamlı bir deneyime dönüştürür. Bu olmadan diyaloğu duyabilirler ancak o diyaloğa anlam katan görsel bağlamı kaçırırlar. Örneğin, bir eğitim videosunda konuşmacı bir grafiği göstererek "burada gördüğünüz gibi" diyebilir — sesli betimleme olmadan grafik içeriği kaybolur.

Sesli betimleme ayrıca görsel içerik sözlü olarak pekiştirildiğinde bilgiyi daha kolay işleyen bilişsel engelli kullanıcılara da fayda sağlar.

İlgili axe-core kuralları

Sesli betimleme varlığını özellikle test eden axe-core kuralı yoktur. Otomatik araçlar, açıklama gerektiren önemli görsel içeriğin olup olmadığını belirleyemez. Bu kriter için manuel test şarttır.

Nasıl test edilir

Sayfadaki eşzamanlanmış sese sahip tüm önceden kaydedilmiş videoları belirleyin.
Videonun diyalog veya anlatım yoluyla aktarılmayan önemli görsel bilgi içerip içermediğini belirleyin.
Video oynatıcıda sesli betimleme parçasını kontrol edin.
Sesli betimleme etkinleştirilmiş olarak videoyu oynatın ve doğal duraklamalar sırasında önemli görsel içeriğin açıklandığını doğrulayın.
Sesli betimlemenin birincil ses parçasıyla çakışmadığını veya onu engellemediğini onaylayın.
Sesli betimlemenin sahne değişikliklerini, ekrandaki metinleri, grafikleri ve önemli eylemleri kapsadığını doğrulayın.

Nasıl düzeltilir

Orijinal ses ile anlatılmış açıklamaları içeren ikincil bir ses parçası oluşturun. Sunumda <track> öğesini kullanın:

<video controls>
  <source src="/demo-video.mp4" type="video/mp4" />
  <track
    kind="captions"
    src="/demo-altyazi.vtt"
    srclang="tr"
    label="Türkçe Altyazı"
    default
  />
  <track
    kind="descriptions"
    src="/demo-seslibetimleme.vtt"
    srclang="tr"
    label="Sesli Betimleme"
  />
</video>

<!-- Alternatif: gömülü betimlemeli ayrı bir sürüm sunun -->
<p>
  <a href="/demo-video-betimlemeli.mp4">
    Sesli betimlemeli sürümü izle
  </a>
</p>

Sesli betimleme oluştururken şu senaryo yazım kurallarına uyun:

Yalnızca görsel olarak belirgin olanı açıklayın — yorum yapmayın.
Şimdiki zaman kullanın: "Ayşe tahtaya yürür" ifadesini kullanın.
Konuşmacıları ve yeni karakterleri ilk göründüklerinde tanımlayın.
Ekrandaki metni birebir aktarın veya zaman sınırlıysa özetleyin.
İçeriği anlamak için kritik olan bilgilere öncelik verin.

Örnek sesli betimleme senaryosu:

WEBVTT

1
00:00:02.000 --> 00:00:05.000
Mavi blazer giyen bir kadın modern
bir konferans salonundaki kürsüde duruyor.

2
00:00:12.000 --> 00:00:15.500
Slayt şunu gösteriyor: "3. Çeyrek Gelir:
4,2 milyon dolar, 2. Çeyreğe göre %18 artış."
Rakamın yanında yeşil bir yukarı ok görünüyor.

3
00:00:28.000 --> 00:00:31.000
Bölgelere göre pazar payını gösteren
bir pasta grafiğe işaret ediyor: Amerika %45,
Avrupa %30, Asya %25.

Sık yapılan hatalar

Seviye AA'da gerçek bir sesli betimleme parçası yerine yalnızca metin transkripti sunmak.
Kısa duraklamalara çok fazla açıklama sığdırmaya çalışmak ve anlatımı aceleye getirmek.
İzleyicilerin okuyabileceğini varsayarak ekrandaki metnin açıklamasını atlamak.
Betimleme boyunca tekrarlayan görsel öğeler için tutarsız terminoloji kullanmak.
Kamera açıları değiştiğinde kimin konuştuğunu açıklamamak.

1.2.5 Sesli Betimleme (Önceden Kaydedilmiş)