Mobil Uygulamalar için Erişilebilirlik Rehberi

1. Ekran Okuyucu Dostu Tasarım

• iOS (VoiceOver) ve Android (TalkBack) desteği sağlayın.
• Butonlara ve önemli bileşenlere açıklayıcı "label" ekleyin.
• Odak sırasını mantıklı bir şekilde belirleyin, gereksiz öğelerin atlanmasını sağlayın.
• İkonlar yerine metin tabanlı açıklamalar kullanın veya ikona alternatif metin ekleyin.
• Dinamik içeriklerde değişiklikleri ekran okuyuculara bildirin.

2. Kontrast Oranlarını Doğru Ayarlayın

• WCAG 2.1 standartlarına uygun olarak en az 4.5:1 kontrast oranı sağlayın.
• Metinleri ve arka planı belirgin hale getirin. Açık ve koyu renkler arasında yeterli fark oluşturun.
• Koyu mod (Dark Mode) desteği sunarak kullanıcıya seçenek sağlayın.
• Renk körlüğü olan kullanıcılar için yeterli renk farklılıkları yaratın.

3. Alternatif Metinler (Alt Text) Kullanın

• Düğmelerde ve ikonlarda: "Geri", "Ana Sayfa", "Ödeme Yap" gibi anlamlı metinler kullanın.
• Bilgilendirici görsellerde: İçeriği kısaca anlatan alternatif metin ekleyin.
• Dekoratif görsellerde: Ekran okuyucuların gereksiz okumalarını önlemek için boş alt metin bırakın.

4. Dokunmatik ve Hareket Hassasiyetini Optimize Edin

• Dokunmatik alanları en az 48x48 dp yaparak kolay tıklanabilir hale getirin.
• Karmaşık hareketlerle yapılan işlemler için alternatif yöntemler sunun.
• Erişilebilirlik kısayolları sağlayarak tek elle kullanım kolaylığı sağlayın.
• Cihazın sallanması, kaydırma gibi hareketler yerine butonlarla işlem yapma seçeneği sunun.

5. Sesli ve Altyazılı İçerik Desteği Ekleyin

• Videolar ve sesli içerikler için otomatik veya manuel altyazı desteği ekleyin.
• Sesli geri bildirimler yerine metin tabanlı bildirim seçenekleri sunun.
• Metinden sese (Text-to-Speech) özelliğini destekleyerek içeriklerin sesli okunmasını sağlayın.
• Geri bildirimler ve bildirimlerde sesli uyarı yerine titreşim veya görsel ipuçları ekleyin.

6. Klavye ve Harici Cihazlarla Uyumlu Hale Getirin

• Tüm önemli işlemlerin klavye ile yapılmasını sağlayın.
• Odak sırasını mantıklı ve takip edilebilir bir şekilde ayarlayın.
• Sesle kontrol seçenekleri sunarak eller serbest kullanım imkanı tanıyın.
• Bluetooth klavyeler ve özel erişilebilirlik cihazlarıyla uyum sağlayın.

7. Uyarılar ve Hata Mesajlarını Anlaşılır Yapın

• Genel uyarılar yerine açıklayıcı hata mesajları sunun. Örneğin: "Şifre alanı boş bırakılamaz." gibi.
• Renk dışında başka bir uyarı yöntemi de kullanın. (Örn: Sesli bildirim, ikon veya titreşim.)
• Düzeltme önerileri sunarak kullanıcıya yol gösterin.
• Erişilebilirlik ayarlarıyla hata bildirimlerini kişiselleştirmeye izin verin.

8. Form Alanlarını Erişilebilir Hale Getirin

• Alanlara açıklayıcı etiketler ekleyin ve placeholder yerine label kullanın.
• Zorunlu alanları net bir şekilde belirtin ve eksik alanları görsel veya sesli bildirimle duyurun.
• Hata mesajlarını kullanıcıya açık ve net bir şekilde iletin.
• Otomatik tamamlama (autocomplete) ve giriş tahmin özelliklerini destekleyin.

9. Ödeme Yöntemlerinde ve CAPTCHA Kullanımında Erişilebilirliği Artırın

• Ödeme aşamalarını net ve yönlendirici hale getirin.
• Farklı ödeme yöntemleri (kredi kartı, mobil ödeme, PayPal vb.) sunarak kullanıcıya seçenek tanıyın.
• Erişilebilir CAPTCHA yöntemleri kullanın, örneğin sesli doğrulama veya daha basit metin doğrulama seçenekleri ekleyin.
• Görsel CAPTCHA yerine, kullanıcı dostu çözümler sunarak erişilebilirliği artırın.
• Ödeme butonlarının büyük ve kolay tıklanabilir olmasını sağlayın.