Ana içeriğe geç

2.4.5 Birden Fazla Yol

Kullanıcılar içeriğe; gezinme menüleri, arama veya site haritası gibi birden fazla yöntemle ulaşabilmelidir.

SC Kodu: 2.4.5 Seviye: AA
URL: https://www.w3.org/TR/WCAG22/#multiple-ways

Genel Tanım​

WCAG SC 2.4.5 Çoklu Yollar standardı, bir web sayfasının bir dizi web sayfası içinde birden fazla şekilde bulunabilmesini gerektirir; ancak web sayfası bir sürecin sonucu veya bir adımı ise bu durum geçerli değildir. Örneğin, Google aramasında hedef bağlantıyı tam olarak bilemeyiz ve bu nedenle ikinci bir yol sağlayamayız. Her kullanıcının sayfalar arasında geçiş yapma ve web sitesindeki içeriğe erişme şekli farklıdır. Bazıları gezinme çubuğunu tercih ederken, bazıları gezinme sürecini atlamak için arama kutusunu kullanmayı, bazıları ise yapıyı daha iyi anlamak için sayfaları sırayla okumayı tercih eder. Birden fazla yol sağlayarak, kullanıcılar için gezinme kolaylığını artırırız.

Faydalar​

  • Görme Engelli Kullanıcılar İçin Geliştirilmiş Gezinme: Görme engelli veya az gören kullanıcılar, büyük menülerde gezinmek yerine arama işlevlerinden yararlanabilirler.
  • Bilişsel Engelliler İçin Geliştirilmiş Yönlendirme: Bilişsel engelli kullanıcılar, siteye genel bir bakış elde etmek için içindekiler tablosunu veya site haritalarını kullanabilirler.

Ana Amaç​

Kullanıcıların içeriğe birden fazla yöntemle ulaşabilmelerini sağlamak için mümkün olduğunca çok yol sunmak harika olur, ancak en az iki yol sunmak iyi bir başlangıçtır.

2.4.5.d En İyi Uygulamalar​

  • Arama işlevi sağlayın: Kullanıcıların içeriği hızlı bir şekilde bulmasına yardımcı olmak için bir arama işlevi sağlayın.
  • Site haritası veya içindekiler tablosu ekleyin: Siteye genel bir bakış için site haritası veya içindekiler tablosu ekleyin.
  • Gezinme menülerini kullanın: İçeriği kategorize etmek ve bağlantı vermek için gezinme menülerini kullanın (üst gezinme menüsü, alt gezinme menüsü).
  • Yol izleme (breadcrumb) özelliğini uygulayın: Kullanıcıların sitenin yapısı içindeki konumlarını anlamalarına yardımcı olmak için yol izleme özelliğini uygulayın.
  • Sonraki ve önceki sayfa bağlantıları sunun: Web sitesini sırayla okuyan kullanıcılara sonraki ve önceki sayfa bağlantıları sunun.
  • Altbilgiye önemli bağlantılar ekleyin: Bu bağlantılara her zaman erişilebilmesini sağlamak için altbilgiye önemli bağlantılar ekleyin.

Örnekler ve Açıklamalar​

Örnek: Örnek Uygulama​

Birden Fazla Gezinme Yöntemi Sağlama

Nelerden Kaçınılmalı?

Bir web sitesi yalnızca birincil gezinme menüsü içeriyor ve içeriğe ulaşmak için başka hiçbir yol sunmuyor; bu da farklı gezinme yöntemlerini tercih eden kullanıcılar için zorluk yaratıyor.

HTML/CSS

<nav>​​
  <ul>
    <li><a href = "home.html" >Ana Sayfa</a ></li>
    <li><a href = "about.html" >Hakkımızda</a ></li>
    <li><a href = "services.html" >Hizmetler</a ></li>
    <li><a href = "contact.html" >İletişim</a ></li>
    <li><a href = "blog.html" >Blog</a ></li>
    <li><a href = "portfolio.html" >Portföy</a ></li>
    <li><a href = "faq.html" >SSS</a ></li>
    <li><a href = "testimonials.html" >Referanslar</a ></li>
    <li><a href = "careers.html" >Kariyerler</a ></li>
    <li><a href = "privacy.html" >Gizlilik Politikası</a ></li>
  </ul>​​
</nav>​​

Açıklama: Web sitesi yalnızca birincil gezinme menüsüne dayanmaktadır ve bu da kullanıcıların içeriğe ulaşma yöntemlerini sınırlandırmaktadır. Bu durum, arama veya site haritaları gibi diğer gezinme yöntemlerini tercih eden kullanıcılar için zahmetli olabilir.

Ne Yapılmalı?

Bir web sitesi, ana gezinme menüsü, arama çubuğu, site haritası ve yol gösterici bağlantı (breadcrumb) içerir.

HTML/CSS

<nav>​​
  <ul>
    <li><a href = "home.html" >Ana Sayfa</a ></li>
    <li><a href = "about.html" >Hakkımızda</a ></li>
    <li><a href = "services.html" >Hizmetler</a ></li>
    <li><a href = "contact.html" >İletişim</a ></li>
    <li><a href = "blog.html" >Blog</a ></li>
    <li><a href = "portfolio.html" >Portföy</a ></li>
    <li><a href = "faq.html" >SSS</a ></li>
    <li><a href = "testimonials.html" >Referanslar</a ></li>
    <li><a href = "careers.html" >Kariyerler</a ></li>
    <li><a href = "privacy.html" >Gizlilik Politikası</a ></li>
  </ul>​​ 
</nav>​​

<form action = "/search" method = "get" >
  <label for = "search" > Ara : </label>
  <input type = "text" id = "search" name = "search" >
  <button type = "submit" > Ara </button>
</form>​​
<a href="sitemap.html"> Site Haritası </a>​ ​​​

Açıklama: Web sitesi, ana gezinme menüsü, arama çubuğu ve site haritası dahil olmak üzere içeriğe ulaşmak için birden fazla yol sunmaktadır. Bu yaklaşım, çeşitli kullanıcı tercihlerini karşılamakta ve genel erişilebilirliği artırmaktadır.