Bu kural ne anlama geliyor

WCAG 2.5.1, çoklu nokta hareketlerine (iki parmakla sıkıştırarak yakınlaştırma gibi) veya yol tabanlı hareketlere (kayma veya şekil çizme gibi) dayanan her işlevin, belirli bir yol gerektirmeyen tek işaretçi eylemiyle de çalıştırılmasını gerektirir. Basit bir tıklama, dokunma veya uzun basma alternatif olarak sunulmalıdır.

Bu kriter karmaşık hareketlerin kullanımını yasaklamaz. Yalnızca tek işaretçi alternatifinin var olmasını zorunlu kılar. Örneğin, sıkıştırarak yakınlaştırmayı destekleyen bir harita, ekran üzerinde yakınlaştırma düğmeleri de sunmalıdır. Kayma hareketine yanıt veren bir slayt gösterisi, önceki/sonraki ok düğmeleri içermelidir.

Neden önemlidir

Motor engelli kullanıcılar, işaretçiyi bas takip cihazı, göz takip sistemi veya tek anahtarlı tarama cihazı aracılığıyla kullanabilir — bunların hiçbiri çoklu nokta veya yol tabanlı hareketleri gerçekleştiremez. Uzuv farklılığı, titreme veya sınırlı el becerisi olan kullanıcılar yalnızca basit bir dokunma veya tıklama yapabilir.

Engeli olmayan kullanıcılar da tek işaretçi alternatiflerinden yararlanır. Toplu taşımada telefonu tek eliyle tutan bir kullanıcı iki parmak hareketini kolayca gerçekleştiremez. Alternatifler sunmak, giriş yeteneklerinden bağımsız olarak işlevselliğin kullanılabilir olmasını sağlar.

İlgili axe-core kuralları

Bu kriter için otomatik axe-core kuralı bulunmamaktadır. İşaretçi hareketi alternatiflerinin doğrulanması, tek işaretçi eylemlerinin çoklu nokta veya yol tabanlı hareketlerle aynı sonuçları elde edip edemediğini onaylamak için manuel test gerektirir.

Nasıl test edilir

Kayma, sıkıştırma, döndürme veya çok parmaklı hareketlere yanıt veren tüm etkileşimli özellikleri belirleyin.
Her hareket odaklı özellik için yalnızca tek dokunma veya tıklamayla çalıştırmayı deneyin.
Alternatif olarak ekran üzerinde kontrollerin (düğmeler, kaydırıcılar, +/- kontrolleri) mevcut olduğundan emin olun.
Yalnızca tek nokta eylemleri üretebilen yardımcı teknoloji işaretçi emülatörleriyle test edin.
Dokunmatik cihazlarda, tek bir parmağın belirli bir hareket yolu gerektirmeden tüm sonuçlara ulaşabildiğini doğrulayın.

Nasıl düzeltilir

Her çoklu nokta veya yol tabanlı hareket için ekran üzerinde kontrol alternatifleri sağlayın. Aşağıda yaygın kalıplar yer almaktadır.

Harita yakınlaştırma — yanlış uygulama

<!-- Yalnızca sıkıştırarak yakınlaştırma, tek işaretçi alternatifi yok -->
<div id="harita"
  ontouchstart="sikistirmaBaslat(event)"
  ontouchmove="sikistirmaIzle(event)">
</div>

Harita yakınlaştırma — doğru uygulama

<div id="harita">
  <!-- Sıkıştırarak yakınlaştırma kullananlar için hala çalışır -->
</div>
<div class="harita-kontrolleri">
  <button onclick="yakınlaştır()" aria-label="Yakınlaştır">+</button>
  <button onclick="uzaklaştır()" aria-label="Uzaklaştır">−</button>
</div>

Slayt gösterisi kayması — düğme alternatifleri

// Dokunma kayma işleyicisi hala mevcut
karusel.addEventListener('pointerdown', kaymaBaslat);
karusel.addEventListener('pointermove', kaymaIzle);
karusel.addEventListener('pointerup', kaymaBitir);

// Düğmeler ile tek işaretçi alternatifleri
oncekiBtn.addEventListener('click', () => karusel.öncekineGit());
sonrakiBtn.addEventListener('click', () => karusel.sonrakineGit());

Sık yapılan hatalar

Slayt gösterisi veya kaydırıcı gezintisi için ok düğmeleri sağlamadan yalnızca kayma hareketlerine dayanmak.
Özel harita veya görsel bileşenlerinde yakınlaştırma/uzaklaştırma düğmeleri olmadan sıkıştırarak yakınlaştırma uygulamak.
Çok parmaklı hareketleri (üç parmak dokunma, iki parmak döndürme) bir eylemi tetiklemenin tek yolu olarak kullanmak.
Yol tabanlı hareket kısayolları (geri gitmek için L şekli çizme) sunup daha basit bir geri düğmesi alternatifi sağlamamak.
Tüm kullanıcıların liste öğelerinde alternatif menü olmadan kaydır-sil veya kaydır-göster eylemlerini yapabileceğini varsaymak.

2.5.1 İşaretçi Hareketleri