Bu kural ne anlama gelir

WCAG 1.2.8, önceden kaydedilmiş eşzamanlanmış medya için eksiksiz bir metin tabanlı alternatif gerektirir. Bu alternatif, videoda olan her şeyi — tüm diyaloglar, tüm anlamlı sesler ve tüm önemli görsel bilgiler — sıralı olarak okunabilecek bir belgede açıklamalıdır. Bu bazen "geliştirilmiş transkript" veya "medya alternatifi" olarak adlandırılır.

Yalnızca diyaloğu yakalayan basit bir transkripten farklı olarak, bir medya alternatifi görsel eylemlerin, sahne değişikliklerinin, ekrandaki metnin ve yüz ifadeleri ile jestler gibi sözel olmayan iletişimin açıklamalarını doğru zamansal sırayla içermelidir.

Neden önemlidir

Tam bir medya alternatifi, içeriğe yenilenebilir braille ekranları aracılığıyla erişen işitme ve görme engelli kullanıcılara hizmet eder. Ayrıca bant genişliği kısıtlamaları, teknoloji sınırlamaları veya çevresel faktörler nedeniyle medya oynatamayan kullanıcılara yardımcı olur. Buna ek olarak, arama motorları için kapsamlı bir metin kaynağı sağlar ve içeriği kendi hızlarında okumayı tercih eden bilişsel engelli kullanıcıları destekler.

Bu Seviye AAA kriteri, ne altyazıların ne de sesli betimlemelerin tek başına medya içeriğinin eksiksiz bir metin tabanlı deneyimini sağlamadığını kabul eder.

İlgili axe-core kuralları

Medya alternatiflerini test eden axe-core kuralı yoktur. Bir medya alternatifi belgesinin eksiksizliğini ve doğruluğunu doğrulamak, metnin tam görsel-işitsel içerikle karşılaştırılmasını gerektiren insan değerlendirmesi gerektirir.

Nasıl test edilir

Sayfadaki tüm önceden kaydedilmiş eşzamanlanmış medya ve yalnızca video medyasını belirleyin.
Medya alternatifini bulun — medya oynatıcıdan doğrudan bağlantılı veya yanında olmalıdır.
Medya alternatifini aynı anda okurken videoyu oynatın.
Tüm konuşulan diyaloğun konuşmacı tanımlamasıyla doğru şekilde yazıya döküldüğünü doğrulayın.
Yalnızca görsel bilgilerin (eylemler, sahne değişiklikleri, ekrandaki metin, grafikler) açıklandığını onaylayın.
Konuşma dışı sesin (müzik, ses efektleri, sessizlik) belirtildiğini kontrol edin.
Olayların zamansal sırasının metinde korunduğundan emin olun.

Nasıl düzeltilir

Yapılandırılmış bir medya alternatifi belgesi oluşturun ve video oynatıcıdan bağlantı verin:

<video controls>
  <source src="/urun-tanıtım.mp4" type="video/mp4" />
  <track kind="captions" src="/urun-tanıtım.vtt" srclang="tr" default />
</video>
<a href="/urun-tanıtım-transkript.html">
  Eksiksiz medya alternatifi (görsel açıklamalarla tam transkript)
</a>

Medya alternatifi belgesi şu yapıyı izlemelidir:

<article class="media-alternatifi">
  <h1>Medya Alternatifi: Ürün Tanıtım Videosu</h1>
  <p><strong>Süre:</strong> 4 dakika 32 saniye</p>

  <section>
    <h2>Sahne 1: Giriş (0:00 – 0:45)</h2>
    <p><em>[Enerjik arka plan müziği çalar]</em></p>
    <p><em>[Modern bir ofisin geniş çekimi. Şirket logosu
    mavi arka plan üzerinde beyaz metinle ekranın ortasında belirir.]</em></p>
    <p><strong>Anlatıcı:</strong> Ürün tanıtımına hoş geldiniz.
    Bugün platformumuzun üç temel özelliğini inceleyeceğiz.</p>
    <p><em>[Ekran, kenar çubuğu gezintisi ve grafiklerle
    ana içerik alanı gösteren bir kontrol paneli arayüzüne geçer.]</em></p>
  </section>

  <section>
    <h2>Sahne 2: Özellik Demosu (0:45 – 2:30)</h2>
    <p><em>[Kontrol panelinin yakın çekimi. İmleç kenar çubuğundaki
    "Analitik" seçeneğine tıklar.]</em></p>
    <p><strong>Anlatıcı:</strong> Analitik paneli, ekibinizin
    performansı hakkında gerçek zamanlı bilgiler sunar.</p>
    <p><em>[Aylık verileri gösteren bir çubuk grafik animasyonla belirir.
    Y ekseni "Tamamlanan Görevler" olarak etiketlenmiştir ve 0-500 aralığındadır.
    Mart ayı yaklaşık 450 ile en yüksek çubuğu gösterir.]</em></p>
  </section>
</article>

Sık yapılan hatalar

Görsel içerik açıklamaları olmadan yalnızca diyalog transkripti sağlamak.
Konuşmacı tanımlamasını atlamak ve kimin ne söylediğini belirsiz bırakmak.
Temel bilgi aktaran ekrandaki metinleri, grafikleri veya infografikleri açıklamamak.
Medya alternatifini, medya oynatıcıdan net bir şekilde bağlantı verilmemiş bir URL'ye yerleştirmek.
Bağlam oluşturan anlamlı sessizlikleri, müzik değişikliklerini veya ortam seslerini belirtmemek.
Alternatifi, videonun zamansal sırasını takip etmeyen düzensiz bir şekilde yazmak.

1.2.8 Medya Alternatifi (Önceden Kaydedilmiş)