Bu kural ne anlama gelir

WCAG 1.2.3, önceden kaydedilmiş eşzamanlanmış medyanın (sesli video) ya bir sesli betimleme parçası ya da hem görsel hem de işitsel içeriği açıklayan tam bir metin alternatifi sağlamasını gerektirir. Sesli betimleme, diyalogdaki doğal duraklamalar sırasında önemli görsel bilgileri — hareketler, sahne değişiklikleri, ekrandaki metinler ve yüz ifadeleri gibi — sesli olarak anlatır.

Medya alternatifi, tüm görsel ve işitsel bilgileri okuma sırasına göre sunan bir metin belgesidir. Bu, senaryo tarzı bir transkript veya video boyunca hem görsel hem de işitsel olarak neler olduğunu açıklayan yapılandırılmış bir belge olabilir.

Neden önemlidir

Görme engelli ve az gören kullanıcılar, mevcut ses parçası aracılığıyla aktarılmayan görsel içeriği anlamak için sesli betimlemelere güvenir. Bu alternatif olmadan, bir sunucunun grafik göstermesi, ekrandaki gösterimler veya görsel espri gibi kritik bağlamı kaçırırlar.

Tam bir medya alternatifi, medya oynatamayan kullanıcılara, hem görsel hem de işitsel engeli olan kullanıcılara ve metni işleyen yardımcı teknoloji kullanıcılarına fayda sağlar. Ayrıca sesli betimleme parçaları medya oynatıcı tarafından desteklenmediğinde bir yedek olarak hizmet eder.

İlgili axe-core kuralları

Sesli betimlemeleri veya medya alternatiflerini doğrudan test eden axe-core kuralı bulunmamaktadır. Bu kriter, otomatik araçların görsel bilginin yeterince açıklanıp açıklanmadığını değerlendiremediği için manuel test gerektirir.

Nasıl test edilir

Sayfadaki ses parçası içeren tüm önceden kaydedilmiş videoları belirleyin.
Medya oynatıcı kontrollerinde sesli betimleme parçasının mevcut olup olmadığını kontrol edin.
Sesli betimleme sağlanmamışsa, eksiksiz bir metin alternatifinin (medya alternatifi) mevcut olduğunu doğrulayın.
Sesli betimleme etkinleştirilmiş olarak videoyu oynatın ve önemli görsel öğelerin diyalog aralarında betimlendiğini doğrulayın.
Bir metin alternatifi sağlanmışsa, tüm görsel ve işitsel bilgilerin temsil edildiğinden emin olmak için videoyla karşılaştırın.

Nasıl düzeltilir

Seçenek 1: <track> öğesiyle sesli betimleme parçası ekleyin:

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

Sesli betimleme WebVTT dosyası görsel içeriği açıklar:

WEBVTT

1
00:00:03.000 --> 00:00:06.000
Bir çubuk grafik, çeyreklik gelirin
Q1'den Q4'e arttığını gösteriyor.

2
00:00:15.000 --> 00:00:18.000
Sunucu Q3 çubuğuna tıklayarak
bölgelere göre ayrıntılı dağılımı gösteriyor.

3
00:00:30.000 --> 00:00:33.000
Dünya haritası, Avrupa ve Asya'daki
aktif pazarları mavi renkte vurguluyor.

Seçenek 2: Bağlantılı transkript olarak tam bir medya alternatifi sağlayın:

<video controls>
  <source src="/egitim-videosu.mp4" type="video/mp4" />
</video>
<a href="/egitim-tam-transkript.html">
  Tam medya alternatifi: Eğitim videosunun
  görsel içerik dahil eksiksiz metin açıklaması
</a>

Sık yapılan hatalar

Altyazı sağlamak ancak sesli betimleme sağlamamak — yalnızca altyazılar bu kriteri karşılamaz.
Yalnızca söyleneni açıklamak, ekrandaki metin, grafikler veya eylemler gibi yalnızca görsel bilgileri atlamak.
Diyalogla çakışan sesli betimlemeler eklemek ve her ikisini de anlaşılmaz hale getirmek.
Yalnızca konuşulan içeriği kapsayan, görsel öğeleri açıklamayan bir transkript sağlamak.
Sunucunun her şeyi sözlü olarak anlattığı için sesli betimlemeye gerek olmadığını varsaymak — bu genellikle doğru değildir.

1.2.3 Sesli Betimleme veya Medya Alternatifi