Bu kural ne anlama geliyor

Başarı Ölçütü 1.3.3, içerikle etkileşim talimatlarının yalnızca duyusal algıya bağlı olmamasını gerektirir. Kullanıcılara "yuvarlak düğmeye tıklayın" veya "soldaki seçeneği seçin" dediğinizde, şekil ve mekansal konumu algılayabildiklerini varsayarsınız. Görme engelli, az gören veya yardımcı teknoloji kullanan kullanıcılar bu özellikleri algılayamayabilir.

Talimatlar; metin etiketleri, adlar veya roller gibi duyusal olmayan ipuçları içermelidir. "Yeşil düğmeye tıklayın" yerine "Gönder düğmesine (yeşil) tıklayın" denmelidir. Duyusal ipucu destekleyici olabilir, ancak tek tanımlayıcı olmamalıdır.

Neden önemlidir

Görme engelli kullanıcılar şekilleri, renkleri veya görsel konumları göremez. Renk görme bozukluğu olan kullanıcılar renkle kodlanmış talimatları ayırt edemeyebilir. İşitme engelli kullanıcılar sesli ipuçlarını duyamaz. Talimatlar yalnızca duyusal özelliklere dayandığında, kullanıcı grupları içerikle nasıl etkileşim kuracaklarını anlamaktan tamamen dışlanır.

Bu ölçüt ayrıca karmaşık düzenlerde "yukarıda" veya "sağında" gibi mekansal referansları yorumlamakta zorlanan bilişsel engelli kullanıcılara da fayda sağlar; özellikle görsel düzenin değiştiği mobil cihazlarda bu sorun belirginleşir.

İlgili axe-core kuralları

Bu ölçüt için otomatik axe-core kuralı bulunmaz. Duyusal talimatlar, otomatik araçların bir talimatın yalnızca duyusal özelliklere dayanıp dayanmadığını belirleyemediği için manuel inceleme gerektirir. İçerik denetimleri ve kullanıcı testleri gereklidir.

Nasıl test edilir

Sayfada şekil ("yuvarlak düğme"), renk ("kırmızı uyarı"), boyut ("büyük başlık"), konum ("kenar çubuğu," "sağ sütun") veya ses ("bip sesinden sonra") referansı içeren talimatları arayın.
Bulunan her talimatın metin tabanlı bir tanımlayıcı (etiket, ad veya rol) de içerdiğini doğrulayın.
Hata mesajları ve yardım metinlerinin "kırmızı ile vurgulanan alan" gibi ifadeler kullanırken alanı adlandırdığını kontrol edin.
Sesli veya görüntülü içeriği, metin eşdeğeri olmadan yalnızca sese dayanan talimatlar açısından inceleyin.

Nasıl düzeltilir

Duyusal açıklamaları her zaman metin etiketleriyle eşleştirin:

<!-- Kötü: yalnızca şekil ve konuma dayanır -->
<p>Devam etmek için sağdaki yuvarlak simgeye tıklayın.</p>

<!-- İyi: duyusal ipucuyla birlikte metin etiketi içerir -->
<p>Devam etmek için "İleri" düğmesine (sağdaki yuvarlak simge) tıklayın.</p>

Form hatalarına referans verirken belirli alanları adlandırın:

<!-- Kötü: yalnızca renge dayanır -->
<p>Lütfen kırmızıyla vurgulanan alanları düzeltin.</p>

<!-- İyi: alanları adlandırır -->
<p>Lütfen şu alanları düzeltin: E-posta ve Telefon numarası.</p>

Etkileşimli öğeler için talimatın erişilebilir bir ada referans verdiğinden emin olun:

<!-- Kötü -->
<p>Videoyu oynatmak için üçgen düğmeyi kullanın.</p>

<!-- İyi -->
<p>Videoyu başlatmak için "Oynat" düğmesine tıklayın.</p>
<button aria-label="Oynat">
  <svg><!-- üçgen simge --></svg>
</button>

Sık yapılan hatalar

Hata mesajlarında belirli alanı adlandırmadan "yukarıdaki kırmızı alana bakın" demek.
Araç çubuğundaki talimatların simgeyi ada göre tanımlamadan "soldaki simgeye tıklayın" demesi.
Zorunlu alanları yalnızca renkle belirtmek (örneğin "kırmızı ile işaretlenmiş alanlar zorunludur") ve metin işareti veya yıldız kullanmamak.
Eğitim metninin, resmin metin açıklaması olmadığı halde "aşağıdaki resimde gösterildiği gibi" demesi.
Gezinme talimatlarının "Ana Gezinti menüsünü kullanın" demek yerine "üstteki menüyü kullanın" demesi.

1.3.3 Duyusal Özellikler