Ana içeriğe geç

2.1.3 Klavye (İstisnasız)

Kullanıcı giriş hızından bağımsız olarak, tüm işlevler belirli bir zamanlama gerektirmeden klavye ile erişilebilir olmalıdır.

SC Kodu: 2.1.3 Seviye: AAA
URL: https://www.w3.org/TR/WCAG22/#keyboard-no-exception

Genel Tanım​

WCAG 2.1.3, tüm işlevlerin hiçbir istisna olmaksızın yalnızca klavye kullanılarak gerçekleştirilebilir olmasını gerektirir. Fare, dokunmatik veya başka bir giriş yöntemi zorunlu tutulmamalıdır.

Faydalar​

  • Motor Engelli Kullanıcılar: Fareye ihtiyaç duymadan siteyi kullanabilir.
  • Ekran Okuyucu Kullanıcıları: Tüm etkileşimlere erişim sağlar.
  • Gelişmiş Erişilebilirlik: Yardımcı teknolojilerle tam uyumlu yapı oluşturur.

Kapsam

  • Navigasyon menüleri
  • Formlar ve butonlar
  • Açılır pencereler (modal), sekmeler, slider’lar
  • Özel bileşenler ve etkileşimli öğeler

Ana Amaç​

Bu kriterin amacı, fare kullanamayan veya alternatif giriş yöntemleri kullanan (klavye, anahtar cihazlar, sesle kontrol) kullanıcıların, tüm işlevlere eşit ve tam erişim sağlayabilmesini garanti altına almaktır.

En İyi Uygulamalar​

  • Tüm etkileşimli öğeleri Tab, Enter, Space, yön tuşları ile erişilebilir yapın.
  • Özel bileşenler için uygun ARIA rollerini kullanın.
  • Klavye odağını görünür kılın.
  • Mouse-only event’lerden (onclick dışında onmouseover gibi) kaçının.

Örnekler ve Açıklamalar​

Örnek: Klavye ile Tam Gezinme​

Bir kullanıcı yalnızca klavye kullanarak menüyü açar, formu doldurur ve gönderir. Hiçbir aşamada fareye ihtiyaç duymaz.

Nelerden Kaçınılmalı?

Yalnızca fare ile çalışabilen etkileşimler.

HTML/CSS

<div onclick="openMenu()">Menüyü Aç</div>

Açıklama: Bu örnekte öğe klavye ile odaklanamaz ve çalıştırılamaz. WCAG 2.1.3 kriteri karşılanmaz.