Ana içeriğe geç

2.3.2 Üç Flaş

Web sayfaları, hiçbir koşulda saniyede üçten fazla yanıp sönen içerik barındırmamalıdır.

SC Kodu: 2.3.2 Seviye: AAA
URL: https://www.w3.org/TR/WCAG22/#three-flashes

Genel Tanım​

WCAG 2.3.2, bir web sayfasında yer alan hiçbir içeriğin saniyede üç defadan fazla flaş yapmamasını zorunlu kılar. Bu kriter, özellikle ışığa duyarlı epilepsi riski olan kullanıcıları korumayı amaçlar.

Faydalar​

  • Sağlık Güvenliği: Epileptik nöbet riskini azaltır.
  • Kapsayıcı Tasarım: Işığa duyarlı tüm kullanıcıları korur.
  • Konforlu Deneyim: Görsel rahatsızlıkları önler.

Kapsam

  • Animasyonlar
  • Reklamlar
  • Video ve GIF içerikler
  • Oyun ve etkileşimli bileşenler

Ana Amaç​

Bu kriterin temel amacı, nöbet tetikleyebilecek hızlı yanıp sönme veya flaş etkilerinin tamamen ortadan kaldırılmasını sağlamaktır.

Gereksinimler

  • İçerik saniyede 3’ten fazla flaş yapmamalıdır
  • Flaş içeren animasyonlar ve efektler tamamen engellenmelidir
  • Bu kural istisnasızdır (AAA seviye)

En İyi Uygulamalar​

  • Flaş içeren efektlerden kaçının.
  • Animasyon hızlarını düşürün.
  • Yanıp sönme yerine yumuşak geçişler kullanın.
  • Otomatik animasyonları durdurma seçeneği sunun.

Örnekler ve Açıklamalar​

Örnek: Uygun İçerik​

Bir yükleme animasyonunun yumuşak şekilde solup görünmesi (fade-in / fade-out) ve saniyede 3’ten fazla yanıp sönmemesi.

Nelerden Kaçınılmalı?

Hızlı yanıp sönen animasyonlar.

HTML/CSS

<div class="flash-animation">Uyarı!</div>
.flash-animation {
  animation: flash 0.2s infinite;
}

Açıklama:

Bu animasyon saniyede 5 kez flaş yapar ve WCAG 2.3.2 kriterini ihlal eder.

Ne Yapılmalı?

Flaş içermeyen veya düşük frekanslı animasyonlar kullanılmalıdır.

HTML/CSS

.safe-animation {
  animation: fade 2s infinite;
}

Açıklama:

Bu animasyon saniyede 3’ten az görsel değişim içerir ve kullanıcılar için güvenlidir. WCAG 2.3.2 kriterini karşılar.