Ana içeriğe geç

1.3.3 Duyusal Özellikler

Talimatlar; yalnızca şekil, boyut, görsel konum, yönelim veya ses gibi duyusal özelliklere dayanarak anlaşılmamalıdır.

SC Kodu: 1.3.3 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#sensory-characteristics

Genel Tanım​

WCAG SC 1.3.3, içerik ve bilgilerin algılanması ve kullanımı için verilen talimatların yalnızca şekil, boyut, görsel konum, yönelim veya ses gibi duyusal özelliklere dayanmaması gerektiğini belirtir. Bu, görme, işitme veya bilişsel engeli olanlar da dahil olmak üzere tüm kullanıcıların web içeriğine erişebilmesini ve etkileşimde bulunabilmesini sağlar.

Faydalar​

  • Ekran Okuyucu Kullanıcıları İçin Geliştirilmiş Kullanılabilirlik: Net ve özlü bilgiler sağlayarak ekran okuyucu kullanan kullanıcılar için deneyimi iyileştirir.
  • Bilişsel Engelliler İçin Geliştirilmiş Anlaşılırlık: Açık ve anlaşılır içerik sayesinde bilişsel engelli kullanıcılar için anlama ve kullanım kolaylığını artırır.
  • İşitme Engelli ve İşitme-Kör Kullanıcılar için Erişilebilirlik: İşitme engelli veya işitme-kör kullanıcılar için içeriğin erişilebilirliğini sağlamak amacıyla metin veya görsel ipuçlarıyla birlikte işitsel ipuçlarının da verilmesini sağlar.

Ana Amaç​

Kullanım talimatlarının erişilebilir olmasını ve yalnızca duyusal özelliklere dayanmamasını sağlamak.

En İyi Uygulamalar​

  • Görünür etiketler veya adlar sağlayın: Şekil veya konum kullanırken kontrollere görünür etiketler veya adlar sağlayın.
  • Birden fazla görsel ipucunu metinle birleştirin: Renk, şekil, boyut, konum veya yönü metinsel bilgilerle birleştirin ve talimatlara ekleyin. ("Formu göndermek için, 'Gönder' etiketli yuvarlak düğmeye tıklayın.")

Örnekler ve Açıklamalar​

Örnek: Örnek Uygulama​

Bir web sayfası için talimatlar, yalnızca renk ve şekle dayalı olarak gezinme yönlendirmesi sağlar.

Nelerden Kaçınılmalı?

HTML/CSS

<p> Sonraki adıma geçmek için sağ alt köşedeki yeşil üçgen düğmesine tıklayın . </p>

<button class = "triangle" > </button>

Açıklama: Bu talimat yalnızca düğmenin rengine ve şekline dayanmaktadır; bu nedenle bu duyusal özellikleri algılayamayan kullanıcılar için erişilemezdir.

Ne Yapılmalı?

HTML/CSS

<p> Sonraki adıma geçmek için sağ alt köşede bulunan "İleri" düğmesine tıklayın . </p>

<button class = "triangle">İleri </button>

Açıklama: Bu talimat, yalnızca duyusal özelliklere dayanmayan ve tüm kullanıcılar için erişilebilirliği sağlayan net bir yönlendirme sunan metinsel bir iç metin ("Sonraki") içermektedir.