Mobil uygulamalarda gerçek erişilebilirlik için pratik yol haritası

Mobil uygulamanızı herkes için daha kolay kullanılabilir hale getirmeyi düşünüyorsanız, zaten doğru yoldasınız demektir. Erişilebilirlik sadece WCAG kurallarını işaretlemekle ilgili değildir — farklı ihtiyaçlara sahip insanların ürününüzü gerçek anlamda kullanabilmesini sağlamaktır.

Bu serinin ilk bölümünde erişilebilirliğin tam olarak neyi kapsadığından bahsetmiştik: görme, işitme, motor beceriler ve bilişsel ihtiyaçlar. İnsanların mobil cihazları ne kadar farklı şekillerde deneyimlediğini anladığınızda, uygulama tasarlama biçiminiz tamamen değişir.

Şimdi gelin, uygulamanızı hemen daha erişilebilir hale getirecek — özellikle iOS için (ama çoğu Android’de de geçerli) — on pratik ve gerçek hayat ipucuna birlikte bakalım.

Dinamik yazı tipi ve otomatik yerleşimi mutlaka destekleyin

Bazı insanların telefonundaki sistem yazı boyutunu büyütmesinin sebebinin küçük yazılardan nefret etmeleri olduğunu biliyorsunuzdur. İşte Dynamic Type tam olarak bu tercihin uygulamalar tarafından dikkate alınmasını sağlar.

Uygulamanız Dynamic Type’ı desteklediğinde:

  • Metin kullanıcı tercihine göre büyür veya küçülür
  • Yerleşim buna göre kendini otomatik uyarlar
  • Hiçbir şey bozulmuş veya sıkışmış görünmez

Apple’ın App Store uygulaması bunun harika bir örneği — yazı boyutunu artırdığınızda düzen zarif bir şekilde yeniden şekillenir.

Bunu uygulamak için:

  • Sistem fontlarını kullanın veya özel fontunuzun ölçeklenebilir bir versiyonunu sağlayın
  • adjustFontsForContentSizeCategory ayarını aktif edin
  • Auto Layout kurallarınızın metin alanının doğal şekilde genişlemesine izin verdiğinden emin olun

Teknik gibi görünebilir ama aslında mesele basit: Kullanıcıya metnin ne kadar büyük veya küçük olacağına kendisinin karar verme özgürlüğünü verin.

Renk kontrastını asla hafife almayın

Basit ama inanılmaz derecede etkili bir konuyla başlayalım: renk kontrastı.

Çoğu kişi renk kontrastının sadece görme engelliler veya renk körleri için önemli olduğunu düşünür — ama aslında tam görüşe sahip kullanıcılar bile güneş altında düşük kontrast yüzünden zorlanır. Eğer biri uygulamanızı okuyabilmek için gözlerini kısıyorsa, bir şey yanlış demektir.

Bunu önlemek için:

  • Normal metin için minimum kontrast oranı 4.5:1 olmalı
  • Büyük metin (18pt normal veya 14pt bold) için 3:1 yeterlidir

iOS’ta Apple’ın Accessibility Inspector aracı ile renklerinizin erişilebilirlik standartlarını karşılayıp karşılamadığını hızlıca kontrol edebilirsiniz.

İyi kontrast, sadece görme güçlüğü yaşayanlar için değil, herkes için muazzam bir fark yaratır.

Görseller görsel kalsın — metin daima erişilebilir olsun

Bu kulağa çok basit geliyor olabilir ama hâlâ birçok uygulama önemli metinleri görselin içine yerleştiriyor.

Bu neden kötü?

  • Ekran okuyucular görsel içindeki metni okuyamaz
  • Metin Dynamic Type ile ölçeklenmez
  • Lokalizasyon yapılamaz
  • Kontrast kontrol edilemez

Mümkün olduğunda metni gerçek metin olarak tutun.

Görsel:

  • Kullanıcı tarafından oluşturulmuşsa
  • Bilgilendiriciyse (bir ikon gibi)
  • Sadece dekoratif amaçlıysa

…içine asla metin koymayın.

Mümkün olduğunda yerel (native) UI bileşenlerini kullanın

Özel UI öğeleri tasarlamak eğlenceli olabilir, ancak bunları erişilebilir yapmak inanılmaz fazla zaman alır.

Yerel bileşenler:

  • Zaten VoiceOver ile uyumlu çalışır
  • Doğru erişilebilirlik rolleriyle gelir
  • Platformun doğal jestlerini otomatik destekler
  • Kullanıcıların beklediği gibi davranır

Bu asla özel bileşen yapmamanız gerektiği anlamına gelmiyor — sadece yerel muadilleri gibi davranmalarını sağlayın. VoiceOver özel widget’ınızı tanıyamıyorsa, ekran okuyucusuna ihtiyaç duyan kullanıcılar tamamen kaybolur.

Arayüzü temiz ve sade tutun

Sade bir arayüz sadece güzel görünmekle kalmaz — bilişsel engeli olan kişiler, görme güçlüğü çekenler, yaşlı kullanıcılar ve VoiceOver kullanıcıları için çok daha kolaydır.

Netlik karmaşıklığın önüne geçtiğinde:

  • Kullanıcılar daha hızlı öğrenir
  • Navigasyon daha sezgisel olur
  • Bilişsel yük azalır
  • Çok fazla renk veya öğe nedeniyle kimse bunalmamış olur

Arayüzünüzü bir sohbet gibi düşünün: açık, net ve aynı anda beş şey söylemeyen bir sohbet.

Jestleri abartmayın

Özel jestler havalı ve gelecekten gibi hissettirebilir, ama:

  • Ezber gerektirir
  • Yeni kullanıcılar için anlaşılması zordur
  • VoiceOver jestleriyle çakışabilir
  • Motor becerileri sınırlı kişiler için fiziksel olarak zorlayıcı olabilir

Jestleri kullanıyorsanız onları birer kısayol olarak düşünün — yapılacak işlemin tek yolu olarak değil.

Ayrıca: Sadece bir kaydırma hareketiyle yıkıcı işlemler (silme gibi) asla tetiklenmemeli. Her zaman ek onay kullanın.

Kullanıcılarınızla konuşun — en iyi öğretmenler onlar

Muhtemelen en önemli nokta bu.

Çoğu tasarımcı ve geliştirici, dünyayı görme, duyma, motor beceri veya bilişsel farklılıklarla deneyimlemenin nasıl olduğunu bizzat yaşamaz. Bu yüzden en iyi içgörüler genellikle doğrudan kullanıcılardan gelir.

Onlara size ulaşmanın kolay yollarını sunun:

  • E‑posta
  • Sosyal medya
  • Uygulama içi geri bildirim
  • Topluluk ortamları

Gerçek kullanıcılar size neyin işe yaradığını, neyin kafa karıştırıcı olduğunu ve hangi noktaların hâlâ erişilebilir olmadığını söyleyecektir. Onların geri bildirimi, herhangi bir kontrol listesinden çok daha değerli olabilir.

Açık olun, yanıt verin, öğrenmeye istekli olun.

Dokunma hedeflerini rahat kullanılır boyutta yapın

Hepimiz en az bir kere yanlış şeye tıklamışızdır — özellikle buton komik derecede küçükse. Bir fotoğrafı yakınlaştırmak isterken yanlışlıkla beğendiğinizi hatırlıyor musunuz? Hepimizin başına geldi.

Bunları önlemek için:

  • Butonlar ve etkileşimli öğeler en az 44×44 pt olmalı
  • Öğeler arasında 32 pt boşluk bırakılmalı

Bu motor beceri güçlüğü yaşayan kullanıcılar için çok önemlidir, ancak aynı zamanda uygulamanızı herkes için daha rahat ve hata toleransı yüksek hale getirir.

Önemli bilgiyi iletmek için tek bir yönteme güvenmeyin

Küçük bir egzersiz: Düşük görme yetiniz olduğunu hayal edin ve yeni bir yemek sipariş uygulamasına giriş yapıyorsunuz. E‑mail ve şifrenizi yazıp “Giriş Yap” butonuna dokunuyorsunuz ve… hiçbir şey olmuyor. Ekran aynı. Hiçbir uyarı yok.

Aslında tasarımcı e‑mail alanını hata göstermek için kırmızıya çevirmiş, ama bu geri bildirim sadece renge dayanıyor. Renk farkını göremeyen herkes bu mesajı kaçırır.

Daha iyi bir yöntem her zaman:

  • Renk
  • Metin
  • Mümkünse VoiceOver duyurusu

…üçlüsünü birlikte kullanmaktır.

Yani sadece çerçeveyi kırmızı yapmak yerine şöyle bir mesaj gösterin:

“Geçersiz e‑posta adresi. Lütfen tekrar kontrol edin.”

VoiceOver için de:

“Gönderilemedi. Geçersiz e‑posta adresi.”

Böylece kullanıcı uygulamanızla nasıl etkileşime geçerse geçsin mesajı mutlaka alır.

Uygulamanızı VoiceOver ile mutlaka test edin

Yapabileceğiniz en iyi şeylerden biri: uygulamanızı açıp gerçekten VoiceOver açıkken kullanmayı denemek.

Testten önce temel hareketlere aşina olun:

  • VoiceOver imlecini hareket ettirmek için sola/sağa kaydırın veya parmağınızı ekranda gezdirin
  • Etkileşim için çift dokunun
  • Kaydırmak için üç parmakla sürükleyin

Sonra kendinize şunu sorun:

  • Ekranın her yerine ulaşabiliyor muyum?
  • Her butonu aktive edebiliyor muyum?
  • VoiceOver önemli her şeyi doğru okuyor mu?
  • Anlam içeren görseller düzgün açıklanmış mı?

Ayrıca Apple’ın Accessibility Inspector aracı size ekran ekran rehberlik eder ve sizin fark etmeyeceğiniz pek çok sorunu gözler önüne serer.

Sonuç

Artık mobil uygulamanızı daha kullanıcı dostu, daha kapsayıcı ve tüm yetenek seviyelerindeki insanlar için daha kolay kullanılabilir hale getirmenin pratik yollarına sahipsiniz. Erişilebilirlik bir defaya mahsus yapılan bir iş değildir — her test, her geri bildirim ve her iyileştirmeyle biraz daha güçlenen sürekli bir süreçtir. Ve bu özelliklere ihtiyaç duyan kullanıcılar, bu çabayı her zaman fark eder ve takdir eder.

Erişilebilirliği ileri bir seviyeye taşımak ama manuel işlerle boğuşmak istemiyorsanız, işte basit bir sonraki adım:

Corpowid’in yapay zeka destekli mobil erişilebilirlik çözümü, iOS, Android ve APK dosyalarında erişilebilirlik sorunlarını gerçek zamanlı tarama, otomatik ve manuel testler ve yapay zeka tarafından üretilen çözüm önerileriyle tespit edip düzeltmenize yardımcı olur.

İster mevcut bir uygulamayı geliştiriyor olun, ister sıfırdan yeni bir uygulama yapıyor olun, Corpowid erişilebilirliği daha hızlı, daha akıllı ve çok daha kolay hale getirir.

×