2.5.6 Eş Zamanlı Girdi Mekanizmaları
İçerik, mevcut girdi yöntemlerinin kullanımını kısıtlamamalı; kullanıcıların klavye, fare, dokunma veya yardımcı teknolojiler arasında serbestçe geçiş yapabilmesine izin vermelidir.
SC Kodu: 2.5.6
Seviye: AAA
URL: https://www.w3.org/TR/WCAG22/#concurrent-input-mechanisms
Genel Tanım
WCAG 2.5.6, bir web içeriğinin birden fazla girdi yöntemiyle (örneğin klavye, fare, dokunmatik ekran, sesli komut) kullanılabilmesini ve bu yöntemlerin aynı anda engellenmemesini gerektirir.
Kullanıcı bir giriş mekanizmasını seçtiğinde diğerlerinin devre dışı bırakılmaması gerekir.
Faydalar
- Esneklik: Kullanıcı tercih ettiği yöntemi kullanabilir.
- Erişilebilirlik: Yardımcı teknolojilerle uyumluluk artar.
- Cihaz Bağımsızlık: Masaüstü, mobil ve hibrit kullanım desteklenir.
Kapsam
- Klavye + fare kullanımı
- Dokunmatik + klavye cihazlar
- Sesli kontrol sistemleri
- alem (stylus) girişleri
- Alternatif giriş donanımları
Ana Amaç
Bu kriterin temel amacı, özellikle motor engelli kullanıcıların, yardımcı teknoloji kullanan bireylerin ve farklı cihazlarla etkileşime giren kullanıcıların esnek ve kesintisiz bir deneyim yaşamasını sağlamaktır.
Gereksinimler
- İçerik birden fazla giriş yöntemiyle çalışmalıdır
- Bir giriş yöntemi etkinleştirildiğinde diğerleri devre dışı bırakılmamalıdır
- Kullanıcı tercihleri sistem tarafından engellenmemelidir
Not: Güvenlik gereksinimleri veya teknik zorunluluklar istisna oluşturabilir.
En İyi Uygulamalar
- Sadece “touch-only” veya “mouse-only” tasarım yapmayın.
- Klavye desteğini kaldırmayın.
- Pointer event’leri klavye erişimini engellememelidir.
- Özel JavaScript kontrollerinde tüm giriş türlerini test edin.
Örnekler ve Açıklamalar
Örnek: Bir web uygulamasında kullanıcı:
- Menüye fare ile tıklayabilir
- Klavye ile Tab ve Enter kullanabilir
- Dokunmatik ekranla seçim yapabilir
Tüm yöntemler aynı anda çalışır ve biri diğerini devre dışı bırakmaz. Bu yaklaşım WCAG 2.5.6 kriterini karşılar.
Nelerden Kaçınılmalı?
HTML/CSS
element.addEventListener("touchstart", function() {
// Sadece dokunmatik destekleniyor
});
Açıklama:
Bu yaklaşım yalnızca dokunmatik cihazlarda çalışır. Klavye veya fare desteği yoktur. Bu durum WCAG 2.5.6 kriterini karşılamaz.
Ne Yapılmalı?
HTML/CSS
element.addEventListener("click", handleAction);
element.addEventListener("keydown", function(e) {
if (e.key === "Enter" || e.key === " ") {
handleAction();
} });
Açıklama:
Bu uygulama hem fare hem klavye girişini destekler. Diğer giriş yöntemleri devre dışı bırakılmaz ve kriter karşılanır.