2.5.7 Sürükleme Hareketleri
Sürükleme gerektiren işlemler, sürüklemenin görevin temel bir parçası olmadığı durumlarda basit işaretçi eylemleriyle de gerçekleştirilebilir olmalıdır.
SC Kodu: 2.5.7
Seviye: AA
URL: https://www.w3.org/TR/WCAG22/#dragging-movements
Genel Tanım
WCAG SC 2.5.7, sürükleme hareketlerini kullanan tüm işlevlerin, sürükleme zorunlu olmadığı veya kullanıcı aracısı tarafından belirlenmediği sürece (örneğin kaydırma çubuğu) sürükleme yapılmadan tek bir işaretçiyle de çalıştırılabilmesini gerektirir. Bu, motor engelli kullanıcıların sürükle-bırak arayüzleriyle etkili bir şekilde etkileşim kurabilmelerini sağlar.
Faydalar
- Motor Engelliler İçin Erişilebilirlik: Motor engeli olan kullanıcılar, karmaşık hareketler yapmaya gerek kalmadan sürükle-bırak işlevleriyle etkileşim kurabilirler.
- Geliştirilmiş Kullanıcı Deneyimi: Görevleri gerçekleştirmenin birden fazla yolunu sunarak etkileşimleri basitleştirir ve web içeriğini daha kapsayıcı hale getirir.
Ana Amaç
Sürükleme işlemi birkaç adımdan oluşur:
A) Başlangıç noktası belirlemek için dokunun veya tıklayın.
B) İşaretçiyi yeniden konumlandırırken basılı tutun.
C) Bitiş noktasında bırakın.
Birçok kullanıcı, özellikle kafa imleci veya konuşmadan metne dönüştürme yazılımı gibi fare dışı cihazlar kullananlar, bu işlemleri gerçekleştiremiyor. Sürüklemeyi evrensel olarak erişilebilir kılmak için, ek bir tek imleç yöntemi sağlamak bu sorunu çözecektir.
Tek işaretçi hareketi, dokunma veya tıklama gibi eylemleri ifade eder. Örneğin, her öğenin yukarı veya aşağı taşınabildiği sıralı bir şirket öncelikleri listesinde, her öğede bulunan alternatif bir yöntem, kullanıcıların ilgili numarayı değiştirerek sırasını ayarlamasına olanak tanır.
En İyi Uygulamalar
- Sürükle ve bırak işlemine alternatif kontroller sağlayın: Yalnızca sürükle ve bırak yöntemine güvenmek yerine, öğeleri taşımak için düğmeler veya diğer kontroller sunun.
- Sürükle bırak işlemi için tek işaretçili alternatiflerin mevcut olduğundan emin olun: Sürükle bırak özelliğini kullanırken, işlemi gerçekleştirmek için alternatif bir tek işaretçili yöntemin mevcut olduğundan emin olun.
- Kaydırıcılar için tek dokunuşla kontrol sağlayın: Kaydırıcılar için, tek bir dokunuş veya tıklama ile kaydırıcı başlığının çizgi boyunca hareket ettirilebildiğinden emin olun veya başlığın çizgi üzerindeki konumunu artırmak veya azaltmak için + ve - düğmeleri ekleyin.
- Listelerin yeniden sıralanması için alternatif yöntemler sunun: Öğelerin sürüklenerek yeniden sıralanabildiği listelerde, her öğe için ilgili numaraları veya diğer kontrolleri kullanarak sırasını ayarlamak için alternatif bir yöntem sunun.
Örnekler ve Açıklamalar
Örnek: Örnek Uygulama
Liste Öğelerinin Yeniden Sıralanması
Nelerden Kaçınılmalı?
Öğelerin sıralaması yalnızca bir öğeyi seçip yeni bir konuma sürükleyerek yeniden düzenlenebilir. Kullanıcılar öğeyi fare veya dokunmatik hareketle sürüklemelidir; bu da motor engelli kullanıcılar için zorlayıcı olabilir.
Açıklama: Bu uygulama, sürükle-bırak işlemlerini gerçekleştiremeyen kullanıcılar için erişilebilir alternatifler sunmakta yetersiz kalmaktadır. Tek işaretçi veya sürükleme gerektirmeyen alternatiflerden yoksun olduğu için WCAG SC 2.5.7 gereksinimlerini karşılamamaktadır.
Ne Yapılmalı?
Liste öğelerinin yanına yukarı ve aşağı oklar ekleyerek, tek bir işaretçi girişi (dokunma veya tıklama) kullanarak adım adım yeniden sıralama yapılmasına olanak tanıyın. Her öğenin geçerli konumunu gösteren bir metin alanı ekleyin; bu alan, kullanıcıların listeyi dinamik olarak yeniden sıralamak için bir sayı girmesine olanak tanır.
Açıklama: Doğru uygulamada, kullanıcılar yukarı ve aşağı ok tuşlarını kullanarak veya bir konum numarası girerek liste öğelerini yeniden sıralayabilirler. Bu, motor engelliler de dahil olmak üzere tüm kullanıcıların sürükleme hareketleri yapmaya gerek kalmadan listeyle etkili bir şekilde etkileşim kurabilmelerini sağlar.