Ana içeriğe geç

1.4.2 Ses Kontrolü

Üç saniyeden uzun süre otomatik olarak çalan tüm sesler için durdurma veya duraklatma seçeneği sunulmalıdır.

SC Kodu: 1.4.2 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#audio-control

Genel Tanım

WCAG SC 1.4.2 standardı, bir web sayfasındaki herhangi bir sesin 3 saniyeden uzun süre otomatik olarak oynatılması durumunda, sesi duraklatmak veya durdurmak için bir mekanizma veya genel sistem ses seviyesinden bağımsız olarak ses seviyesini kontrol etmek için bir mekanizma (örneğin bir düğme) bulunmasını gerektirir. Bu, kullanıcıların sayfa kullanımını etkilemeden ses oynatımını yönetebilmelerini sağlar.

Faydalar

  • Ekran Okuyucu Kullanıcıları İçin Geliştirilmiş Erişilebilirlik: Otomatik sesin, sistem ses seviyesine bağlı olan ekran okuyucular veya diğer yardımcı teknolojilerle çakışmamasını sağlar.
  • Geliştirilmiş Kullanıcı Deneyimi: Tüm kullanıcıların ses oynatımını kontrol etmesine olanak tanıyarak, beklenmedik seslerden kaynaklanan dikkat dağıtıcı unsurları ve olası rahatsızlıkları önler.

Ana Amaç

Kullanıcıların, diğer içeriklerle veya yardımcı teknolojilerle çakışmayı önlemek için web sayfasındaki ses oynatımını kontrol edebilmelerini sağlamak.

En İyi Uygulamalar

  • Seslerin otomatik olarak oynatılmasını önleyin: Mümkünse seslerin otomatik olarak oynatılmasını önleyin.
  • Otomatik olarak oynatılan sesin süresini 3 saniyeyle sınırlayın: Otomatik olarak oynatılan sesin süresinin 3 saniyeden kısa olduğundan emin olun.
  • Net ses kontrolleri sağlayın: 3 saniyeden uzun süren seslerin duraklatılması, durdurulması veya ses seviyesinin ayarlanması için net kontroller sunun.
  • Sayfa yüklendiğinde odağı ses kontrollerine kaydırın: Ses otomatik olarak oynatılıyorsa, sayfa açılır açılmaz odağın duraklatma/durdurma veya ses kontrolüne kaymasını sağlayın. Bu, görme engelli kullanıcıların ekran okuyucularının sesini geçersiz kılmadan önce sesi kapatmalarını sağlar.

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

Bir haber sitesi, ana sayfasının üst kısmında otomatik olarak oynatılan bir sesli reklam içeriyor.

Nelerden Kaçınılmalı?

HTML/CSS

<audio autoplay>
<source src = "ad.mp3" type = "audio/mpeg" >
Tarayıcınız ses öğesini desteklemiyor.
</audio>​​

Açıklama: Sesin duraklatılması veya durdurulması için kontroller bulunmadığından, kullanıcılar oynatmayı yönetemezler; bu da tarama deneyimlerini ve yardımcı teknolojilerini olumsuz etkileyebilir. Dahası, ses anında çalmaya başlar, bu da ekran okuyucuyu önemli ölçüde kesintiye uğratır ve duraklatma/oynatma düğmesinin amacını anlamaya çalışan kullanıcılar için kafa karışıklığına neden olur.

Ne Yapılmalı?

HTML/CSS

<audio controls autoplay>
<source src = "ad.mp3" type = "audio/mpeg" > Tarayıcınız ses öğesini desteklemiyor.
</audio>​​

Açıklama: "control" HTML özniteliğiyle erişilebilir kontroller eklenerek, kullanıcılar sesli reklamı duraklatabilir veya durdurabilir ve böylece tarama deneyimlerini etkilemesini önleyebilirler. Bu senaryoda, ses sayfa yüklendikten üç saniye sonra çalmaya başlar ve ekran okuyucu kullanıcılarına duraklatma/oynatma düğmesinin amacını yorumlamaları için zaman tanır. Bu gecikme, kullanıcıların düğmenin işlevini algılamaları ve gerekirse kesintisiz olarak sesi duraklatmaları için fırsat sağlar.