3.2.4 Tutarlı Tanımlama

Aynı işlevi yerine getiren bileşenler, kullanıcıların kafasının karışmaması için sayfalar genelinde tutarlı şekilde tanımlanmalıdır.

SC Kodu: 3.2.4 Seviye: AA
URL: https://www.w3.org/TR/WCAG22/#consistent-identification

Genel Tanım

WCAG SC 3.2.4, bir web sayfası kümesi içindeki aynı işlevselliğe sahip bileşenlerin tutarlı bir şekilde tanımlanmasını gerektirir. Bu, özellikle yardımcı teknolojiler kullanan veya öğrenme güçlüğü çeken kullanıcıların bu bileşenlerde kolayca gezinmelerine ve amaçlarını anlamalarına yardımcı olur.

Faydalar

• Öngörülebilir Gezinme: Kullanıcıların yaygın öğeleri hızlı bir şekilde tanımasını ve bunlarla etkileşim kurmasını sağlar.
• Azaltılmış Bilişsel Yük: Etiketlerde, metinlerde ve işlevlerde tutarlılığı sağlayarak bilişsel engelli kullanıcılara yardımcı olur ve yeniden öğrenme ihtiyacını azaltır.

Ana Amaç

Bir web sitesinde tekrar tekrar görünen düğmeler, bağlantılar, simgeler ve resimler gibi tüm işlevsel bileşenlerin tutarlı bir şekilde etiketlenmesini ve tanımlanmasını sağlamak. Tutarlılık her zaman aynı tekrar anlamına gelmez. Örneğin, bir e-ticaret sitesindeki bir ürün sayfasını ele alalım; her sayfada ana içerikte yalnızca 10 ürün görüntüleniyor. Her sayfanın altında gezinme düğmeleri bulunur. Kullanıcı ikinci sayfadaysa, düğmeler 'Sayfa 1' ve 'Sayfa 3' gösterecektir. Üçüncü sayfada ise 'Sayfa 2' ve 'Sayfa 4' gösterecektir. 'Sayfa' teriminin tekrarlandığına, sayıların ise değiştiğine dikkat edin. Bu, aynı tekrar olmadan tutarlılığı gösterir.

Amaç, web sitesinde gezinen kullanıcıların tutarlı işlevlere aşina olmalarını sağlamak ve etkileşimli bileşenlerin tutarsız etiketlenmesinden kaynaklanan yön kaybı ve kafa karışıklığını önlemektir.

Bu ilke, sosyal medya bağlantıları gibi metin dışı öğelere de uygulanır. Örneğin, büyüteç simgesiyle birlikte bir arama giriş alanı birden fazla sayfada tekrar tekrar görünüyorsa, büyüteç simgesinin alternatif metni (alt metin) tutarlı olmalıdır. Bir sayfada 'Ara', diğerinde 'Keşfet' alternatif metni kullanmak bu kriteri karşılamaz. Bunun yerine, bilişsel engelli kullanıcıların veya ekran okuyucu kullananların düğmenin amacını kolayca belirleyebilmesi için 'Ara' gibi tutarlı bir alternatif metin kullanılmalıdır.

En İyi Uygulamalar

• Tutarlı Etiketler: Aynı fonksiyona sahip öğelerin tüm sayfalarda tutarlı şekilde etiketlendiğinden emin olun.
• Tekdüze Simgeler: Aynı işlevleri temsil etmek için aynı simgeleri ve görselleri kullanın.
• Doğru Alternatif Metin: Tekrarlanan şekilde kullanılan simgeler ve resimler için tutarlı alternatif metin sağlayın.
• Bağlamsal Netlik: Tutarlılığı sağlamak amacıyla, resimler veya simgeler için alternatif metni yalnızca bağlam önemli ölçüde değiştiğinde değiştirin. Örneğin: Aynı 'belge indir' simgesi iki sayfada kullanılıyor. Biri PDF indirmeyi temsil ediyor ve "PDF İndir" olarak etiketlenmişken, diğeri fatura indirmeyi temsil ediyor ve "Fatura İndir" olarak etiketlenmiş. Etiketlemedeki küçük farklılıklara rağmen tutarlılığın nasıl korunduğuna dikkat edin.

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

İletişim Bağlantılarının Tutarlı Etiketlenmesi

Nelerden Kaçınılmalı?

Bir web sitesinde, bir sayfada "Hakkımızda", diğer sayfada ise "Tabnav Hakkında" başlığıyla "Hakkımızda" sayfasına bağlantı verilmiştir.

Açıklama: Aynı işlevin tutarsız şekilde etiketlenmesi, özellikle yardımcı teknolojilere güvenen veya bilişsel engeli olan kullanıcıları kafa karışıklığına sürükleyebilir.

Ne Yapılmalı?

Bir web sitesinde, göründüğü tüm sayfalarda "Tabnav Hakkında" olarak etiketlenmiş bir "Hakkımızda" sayfasına bağlantı bulunmaktadır.

Açıklama: Tutarlı etiketleme, kullanıcıların "Hakkımızda" bağlantısını farklı sayfalarda kolayca tanımasını ve kullanmasını sağlayarak genel gezinme deneyimlerini iyileştirir.