Mobil Ekran Okuyucu Erişilebilirliği: Ekran Okuyucular Mobil Cihazlarda Nasıl Çalışır?

Mobil ekran okuyucu erişilebilirliği, görme engelli veya az gören kişilerin görsel bilgiye dayanmak yerine sesli geri bildirim, dokunma hareketleri ve odak navigasyonu ile uygulamalarda gezinmesini sağlar. Android’de TalkBack, kullanıcılar ekranı keşfettikçe veya kaydırdıkça arayüz öğelerini sesli olarak bildirir. iOS’ta ise VoiceOver sesli açıklamalar ve harekete dayalı navigasyon sunar. Geliştiriciler için erişilebilir etiketler, roller, durumlar, odak sırası ve işlem yapılabilir kontroller, ekran okuyucunun arayüzü ne kadar etkili aktaracağını belirler.

Mobil Ekran Okuyucu Erişilebilirliği Nedir ve Neden Önemlidir?

Mobil ekran okuyucu erişilebilirliği, dijital içerikte ekranı görmeden gezinmek için yardımcı teknolojiye ihtiyaç duyan kişilerin mobil uygulamaları ve web sitelerini kullanabilmesini sağlar. TalkBack ve VoiceOver gibi ekran okuyucular, arayüz içeriğini sesli geri bildirime dönüştürür ve harekete dayalı navigasyonu destekler. Etkili erişilebilirlik; doğru yapılandırılmış kontrollere, etiketlere, odak sırasına ve programatik bilgilere bağlıdır. W3C, mobil erişilebilirliğin WCAG kapsamında ele alındığını ve yerel, web ve hibrit mobil uygulamalar için geçerli olduğunu teyit eder.

Örnek: Bir mobil bankacılık uygulaması, ekran okuyucu kullanıcısının hesap bakiyelerini öğrenmesine, işlem kontrollerinde gezinmesine, form alanlarını doldurmasına ve onay mesajlarını anlamasına bağımsız olarak olanak tanımalıdır. Butonların anlamlı etiketleri yoksa veya odak öngörülemeyen şekilde hareket ediyorsa, arayüz görsel olarak eksiksiz görünse bile temel işlemler zorlaşır.

Ekran Okuyucular Mobil Cihazlarda Nasıl Çalışır?

Ekran okuyucu, dijital içeriği ve arayüz bilgilerini sesli geri bildirime veya başka çıktılara dönüştürür. Bu, kullanıcıların mobil cihazlarda görmeye dayanmadan gezinmesini sağlar. Kullanıcılar öğeleri dokunarak veya kaydırarak keşfeder. Ekran okuyucu da metin, buton, bağlantı veya kontrol gibi odaktaki öğeyi sesli olarak bildirir. Kullanıcı ardından bu öğeyi bir hareketle etkinleştirebilir.

Örnek: Bir alışveriş uygulamasında kullanıcı ürün adları, fiyatlar ve butonlar arasında kaydırarak ilerleyebilir, ekran okuyucu da her öğeyi sesli olarak bildirir. Uygulama anlamlı erişilebilirlik bilgileri sunuyorsa, kullanıcı kontrolleri görsel olarak bulmak zorunda kalmadan bir ürün seçip ödemeyi tamamlayabilir.

Mobil Ekran Okuyucular İçerikte Nasıl Gezinir?

• Keşfet: Kullanıcılar odağı öğeler arasında taşımak için arayüze dokunur veya kaydırır.
• Bildir: Ekran okuyucu, odaktaki içeriği ve ilgili kontrol bilgilerini sesli olarak okur.
• Etkileşim kur: Kullanıcılar odaktaki kontrolleri çift dokunma gibi hareketlerle etkinleştirir.
• Gezin: Kullanıcılar öğelerin görsel konumuna bağlı kalmadan içerikte sırayla ilerler.

Mobil Ekran Okuyucular Görme Engelli Kullanıcılara Nasıl Yardımcı Olur?

Ekran okuyucular, görme engelli veya az gören kişilerin sesli geri bildirim, dokunma hareketleri ve alternatif etkileşim yöntemleriyle mobil içeriğe erişmesine yardımcı olur. Android’de TalkBack; kontrolleri, başlıkları, bağlantıları ve diğer arayüz öğelerini tanımlar. VoiceOver da iPhone’da benzer bir sesli navigasyon sunar.

• Metni ve arayüz öğelerini sesli okuma: Ekran okuyucular görünen metni, ikonları, butonları ve diğer kontrolleri bildirir. Böylece kullanıcılar ekranda neler olduğunu anlar.
• Butonları, bağlantıları ve navigasyon öğelerini tanımlama: Kullanıcılar kontroller arasında gezinir ve onları görsel etkileşim yerine hareketlerle etkinleştirir.
• Başlıklar ve işaretleyiciler aracılığıyla sayfa yapısını anlama: Doğru yapılandırılmış içerik, kullanıcıların tüm ekranı sırayla dinlemek yerine başlıklar, bağlantılar, kontroller ve işaretleyiciler (landmarks) arasında atlamasını sağlar.
• Alternatif giriş yöntemlerini destekleme: Mobil ekran okuyucular hareketler, fiziksel klavyeler ve Braille ekranlarla çalışır. Bu da kullanıcılara içerikle etkileşim kurmak için farklı yollar sunar.

Örnek: Bir mobil bankacılık uygulaması; bakiyeler, işlem butonları, başlıklar ve form alanları ekran okuyucuya doğru şekilde aktarıldığında daha kolay kullanılır hale gelir. Bu sayede görme engelli bir kişi, görsel ipuçlarına bağlı kalmadan hesabını inceleyebilir ve para transferi başlatabilir.

En Yaygın Mobil Ekran Okuyucular Hangileridir?

Android ve iOS’taki en yaygın ekran okuyucular TalkBack ve VoiceOver’dır. Her iki platform da ek bir çıktı kanalı olarak yenilenebilir Braille ekranları destekler.

• Android cihazlar için TalkBack: Google’ın yerleşik ekran okuyucusu; sesli geri bildirim, dokunarak keşfetme ve harekete dayalı navigasyon sunar.
• iOS cihazlar için VoiceOver: Apple’ın yerleşik ekran okuyucusu; metinleri, ikonları, butonları ve diğer arayüz öğelerini bildirir ve kullanıcıların VoiceOver hareketleriyle gezinmesini sağlar.
• Braille ekran desteği: Her iki ekosistem de yenilenebilir Braille ekranları destekler. Bu sayede kullanıcılar sesli geri bildirimin yanında dokunsal çıktı ile de mobil içeriği okuyup içerikle etkileşim kurabilir.

TalkBack Android Cihazlarda Nasıl Çalışır?

TalkBack, Google’ın Android için geliştirdiği yerleşik ekran okuyucudur. Sesli ve dokunsal geri bildirim sağlayarak kullanıcıların görsel bilgiye dayanmadan gezinmesini mümkün kılar. TalkBack etkinleştirildiğinde kullanıcılar ekranı dokunarak keşfeder veya kaydırma hareketleriyle öğeler arasında ilerler. Bu sırada servis, odaktaki metni, butonları, ikonları ve diğer kontrolleri sesli olarak bildirir.

Örnek: Bir Android bankacılık uygulamasında TalkBack, odak hareket ettikçe hesap bakiyesini bildirebilir, “Para Transferi” butonunu tanımlayabilir ve kullanıcıyı form alanlarında yönlendirebilir. Etkileşimli öğeler anlamlı erişilebilirlik bilgileri taşıyorsa, kullanıcılar işlemi yalnızca sesli geri bildirim ve hareketlerle tamamlayabilir.

TalkBack Android Arayüzlerinde Nasıl Gezinir?

• Dokunarak keşfetme: Ekranda tek parmağı sürüklemek odağı taşır ve TalkBack’in parmağın altındaki öğeyi bildirmesini sağlar.
• Sıralı navigasyon: Sola veya sağa kaydırmak, odağı arayüz öğeleri arasında taşır.
• Etkinleştirme: Odaktaki bir kontrol genellikle çift dokunarak etkinleştirilebilir.
• Okuma kontrolleri: Kullanıcılar okuma ayarlarına bağlı olarak karakter, kelime, satır, başlık, bağlantı veya kontrol bazında gezinir.

Geliştiriciler, TalkBack’in arayüzü doğru aktarabilmesi için anlamlı etiketler, roller, durumlar ve eylemler sunmalıdır.

Temel TalkBack Hareketleri Nelerdir?

TalkBack hareketleri, Android arayüzlerini görsel girdi olmadan keşfetmek ve onlarla etkileşim kurmak için tutarlı bir yol sunar. En temel hareketler erişilebilirlik odağını taşır, kontrolleri etkinleştirir, içerikte kaydırma yapar ve dokunarak keşfetme navigasyonunu destekler.

• Öğeleri odaklamak için tek dokunma: TalkBack odağını bir öğeye taşımak ve adını veya ilgili bilgiyi duymak için öğeye bir kez dokunun.
• Seçimleri etkinleştirmek için çift dokunma: Bir öğe odaktayken buton, bağlantı veya başka bir kontrolü etkinleştirmek için çift dokunun.
• Gezinmek için sola veya sağa kaydırma: Ekrandaki öğeler arasında sırayla ilerlemek için tek parmakla kaydırın.
• Kaydırma için iki parmak hareketleri: İki parmakla yukarı veya aşağı kaydırmak; sayfalar, listeler ve diğer içerikler arasında kaydırma yapar.
• Dokunarak keşfetme navigasyonu: TalkBack her öğeyi bildirirken öğeleri tek tek keşfetmek için tek parmağınızı ekranda sürükleyin.

Pratik örnek: Bir erişilebilirlik testi sırasında kalite güvence uzmanı, her etkileşimli öğenin bildirilip bildirilmediğini kontrol etmek için dokunarak keşfetme özelliğini kullanabilir. Ardından kontrollere bağımsız olarak ulaşılabildiğini ve etkinleştirilebildiğini doğrulamak için kaydırma navigasyonunu ve çift dokunmayı kullanabilir.

VoiceOver iOS Cihazlarda Nasıl Çalışır?

VoiceOver, Apple’ın iOS için geliştirdiği yerleşik ekran okuyucudur. Sesli ve Braille geri bildirim sağlayarak kişilerin iOS cihazlarda görmeye dayanmadan gezinmesini mümkün kılar. Kullanıcılar erişilebilirlik odağını taşımak için dokunur, kaydırır veya başka hareketler kullanır. VoiceOver da her öğeyi etiketi, rolü, durumu veya değeriyle birlikte bildirir.

Örnek: Bir iOS alışveriş uygulamasında VoiceOver, kullanıcı gezindikçe ürün adını, fiyatını ve “Sepete Ekle” butonunu bildirir. Doğru erişilebilirlik etiketleri ve mantıklı öğe gruplaması sayesinde kullanıcılar ürünlere göz atabilir ve satın alma işlemini bağımsız olarak tamamlayabilir.

VoiceOver iOS Arayüzlerinde Nasıl Gezinir?

• Dokunarak keşfetme: Ekrana dokunmak veya parmağı ekranda sürüklemek VoiceOver odağını taşır ve parmağın altındaki öğeyi bildirir.
• Kaydırarak navigasyon: Sola veya sağa kaydırmak, erişilebilir öğeler arasında sırayla ilerler.
• Etkinleştirme: Odaktaki bir buton, bağlantı veya kontrol genellikle çift dokunarak etkinleştirilebilir.
• Öğe bilgisi: VoiceOver, bir öğenin etiketini, rolünü, değerini ve durumunu aktararak kullanıcıların her kontrolün ne işe yaradığını anlamasına yardımcı olur.

VoiceOver Hareketleri ve Rotor Seçenekleri Nelerdir?

VoiceOver hareketleri, iPhone ve iPad’de içeriği keşfetmek ve içerikle etkileşim kurmak için dokunmaya dayalı yollar sunar. VoiceOver rotoru, kullanıcıların içerikte nasıl ilerleyeceklerini hızla değiştirmesini sağlar; örneğin başlıklara, bağlantılara, kelimelere veya satırlara göre. Apple ayrıca uygulamalar için özel rotor seçeneklerini destekler. Bu da karmaşık içerik ve eylemlerde gezinmeyi kolaylaştırır.

• Tek parmak navigasyonu: Öğeleri odaklamak ve tek tek keşfetmek için tek parmakla dokunun veya sürükleyin. Sola veya sağa kaydırmak öğeler arasında sırayla ilerler.
• İki parmak eylemleri: İki parmak hareketleri konuşmayı başlatır veya durdurur, tüm ekranı okur ya da içerikte kaydırma yapar.
• Kaydırma hareketleri: Öğeler arasında geçiş yapmak için sola veya sağa kaydırın. Navigasyonu bir rotor seçeneği kontrol ediyorsa yukarı veya aşağı kaydırın.
• Rotor tabanlı navigasyon: Rotoru seçmek için iki parmağınızı bir kadran gibi çevirin, ardından başlıklar, bağlantılar, kelimeler, karakterler veya satırlar arasında gezinmek için yukarı veya aşağı kaydırın.
• Bağlam menüleri: Bir uygulama bağlama özel eylemler sunduğunda VoiceOver bunları eylemler veya özel bir rotor aracılığıyla sunar.

Örnek: Uzun bir haber makalesinde VoiceOver kullanıcısı, rotorda Başlıklar seçeneğini seçip her paragrafı dinlemek yerine yukarı veya aşağı kaydırarak bölümler arasında atlayabilir. Erişilebilir bir uygulamada özel rotor eylemleri, karmaşık veya gruplanmış kontroller için benzer bir verimlilik sağlar.

Mobil Uygulamalar Ekran Okuyucu Kullanıcılarını Nasıl Desteklemeli?

Etkili mobil uygulama erişilebilirliği, görsel içeriği okunabilir kılmaktan fazlasını gerektirir. Uygulamalar, anlamlı bilgileri ve işlevleri platform erişilebilirlik API’leri aracılığıyla ekran okuyucu kullanıcılarına sunmalıdır. İyi yapılandırılmış bir uygulama; açıklayıcı etiketleri, mantıklı navigasyonu ve metin alternatiflerini bir araya getirerek temel görevlerin kullanılabilir kalmasını sağlar.

• Arayüz öğeleri için anlamlı etiketler sağlayın: Butonlara, ikonlara, form alanlarına ve özel kontrollere amaçlarını net bir şekilde açıklayan kısa etiketler verin.
• Mantıklı bir navigasyon sırası koruyun: Erişilebilirlik odağının öngörülebilir bir sırayı izlediğinden ve ilgili öğeleri uygun şekilde grupladığından emin olun.
• Başlıkları ve işaretleyicileri destekleyin: Kullanıcıların karmaşık ekranlarda gezinmesine yardımcı olmak için anlamlı başlıklar ve yapısal bilgiler kullanın.
• Görsel içerik için metin alternatifleri sağlayın: Anlam taşıyan görselleri ve grafikleri açıklayın, tamamen dekoratif içeriği ise ekran okuyucu çıktısının dışında tutun.

Örnek: Çok adımlı bir kayıt formunda ekran okuyucu kullanıcısı her alanı tanıyabilmeli, zorunlu alanları duyabilmeli, doğrulama hatalarını anlayabilmeli ve gönderimi mantıklı bir sırayla onaylayabilmelidir. Tüm akışı TalkBack ve VoiceOver ile test etmek; eksik etiketleri, yanlış odak sırasını veya programatik olarak hiç aktarılmamış görsel bilgileri ortaya çıkarır.

Geliştiriciler Mobil Ekran Okuyucu Erişilebilirliğini Nasıl Test Edebilir?

Ekran okuyucu testi, kullanıcıların temel görevleri bağımsız olarak tamamlayıp tamamlayamadığını belirlemek için uygulamalı testleri otomatik erişilebilirlik testleriyle birleştirmelidir. Geliştiriciler gerçek cihazlarda TalkBack ve VoiceOver ile test yapmalı; ekran okuyucunun etiketleri, rolleri, durumları, uyarıları ve diğer temel bilgileri mantıklı bir sırayla bildirip bildirmediğini kontrol etmelidir. Android; manuel testleri, otomatik testleri, analiz araçlarını ve kullanıcı testlerini birleştirmeyi önerir. Apple ise VoiceOver’ın desteklenen fiziksel cihazlarda test edilmesini önerir.

• TalkBack ve VoiceOver ile test edin: Platformun ekran okuyucusunu kullanarak tüm uygulamada gezinin ve her temel kontrole ulaşılabildiğini ve etkinleştirilebildiğini doğrulayın.
• Sesli çıktıyı kontrol edin: Ekran okuyucunun anlamlı adları, rolleri, değerleri, durumları ve önemli durum değişikliklerini gereksiz bilgi olmadan bildirdiğinden emin olun.
• Navigasyonu ve odağı test edin: Her ekranda kaydırarak ilerleyin ve odağın mantıklı bir sırayı izleyip izlemediğini ve tüm etkileşimli öğelere ulaşıp ulaşmadığını kontrol edin.
• Temel iş akışlarını doğrulayın: Giriş yapma, arama, satın alma veya form gönderme gibi gerçek görevleri görsel etkileşime dayanmadan test edin.
• Otomatik erişilebilirlik araçlarını kullanın: Android’in Erişilebilirlik Tarayıcısı (Accessibility Scanner), etiketler, dokunma hedefleri ve tıklanabilir öğelerle ilgili sorunları tespit eder. Ancak Google, bu aracın manuel testin yerini tutmadığını açıkça belirtir.
• Mümkünse gerçek kullanıcıları dahil edin: Ekran okuyucu kullanan kişilerden alınan geri bildirimler, otomatik araçların ve geliştirici testlerinin kaçırdığı kullanılabilirlik engellerini ortaya çıkarır.

Örnek: Bir bankacılık uygulamasının kalite güvence ekibi; giriş yapma, bakiye kontrolü, para transferi ve ödeme onayını kapsayan bir test matrisini desteklenen Android ve iOS cihazlarda oluşturabilir. Test uzmanları her iş akışını yalnızca TalkBack veya VoiceOver kullanarak tamamlar ve eksik etiketleri, yanlış odak sırasını veya bildirilmeyen durum mesajlarını kaydeder.

Mobil Ekran Okuyucularla Neler Test Edilmeli?

Ekran okuyucu testi sırasında geliştiriciler, her önemli arayüz öğesinin görsel etkileşim olmadan bulunabilir, anlaşılabilir ve kullanılabilir olduğunu doğrulamalıdır. Kapsamlı bir süreç hem tek tek kontrolleri hem de kullanıcı yolculuklarının tamamını kapsar.

• Butonlar ve etkileşimli öğeler: Kontrollerin anlamlı adlara, doğru rollere, durumlara ve eylemlere sahip olduğunu ve bunların doğru şekilde bildirildiğini kontrol edin.
• Formlar ve giriş alanları: Etiketlerin, zorunlu alan bilgilerinin, giriş türlerinin, doğrulama hatalarının ve talimatların net bir şekilde bildirildiğini doğrulayın.
• Navigasyon menüleri: Kullanıcıların öngörülebilir bir erişilebilirlik odağıyla menüleri açıp gezinebildiğini ve kapatabildiğini test edin.
• Başlıklar ve içerik yapısı: Başlıkların, kullanıcıların uzun ekranlarda verimli şekilde ilerlemesine yardımcı olan mantıklı bir hiyerarşi sunduğundan emin olun.

Örnek: Bir e-ticaret uygulaması için test uzmanları; ürün listelerinde, filtrelerde, ödeme alanlarında ve ödeme kontrollerinde TalkBack veya VoiceOver kullanarak gezinir. Amaç, ekran okuyucu kullanıcılarının görsel ipuçları olmadan ürünleri bulabildiğini ve ödemeyi tamamlayabildiğini doğrulamaktır.

Mobil Cihazlarda Ekran Okuyucu Kullanırken Sık Karşılaşılan Zorluklar Nelerdir?

Yaygın engeller, bir uygulama kullanıcıların dokunmatik ekranla erişilebilirlik odağı ve hareketler aracılığıyla nasıl etkileşim kurduğunu hesaba katmadığında ortaya çıkar. Karmaşık hareketler, belirsiz etiketler, eksik erişilebilirlik bilgileri ve öngörülemeyen navigasyon temel görevleri zorlaştırır. Android’in erişilebilirlik altyapısı dokunarak keşfetmeyi ve özel hareketleri desteklerken, navigasyon yönergeleri de tutarlı ve öngörülebilir etkileşimi vurgular.

• Karmaşık dokunma hareketleri: Özel hareketler ekran okuyucu etkileşimiyle çakışabilir veya yapılması zor hareketler gerektirebilir. Uygulamalar temel eylemler için erişilebilir alternatifler sunmalıdır.
• Yetersiz etiketlenmiş arayüz öğeleri: Anlamlı erişilebilir adları olmayan butonlar, ikonlar ve kontroller, kullanıcıları bu öğelerin amacı konusunda belirsizlikte bırakır.
• Eksik erişilebilirlik bilgileri: Roller, durumlar, değerler veya durum değişiklikleri programatik olarak aktarılmadığında ekran okuyucu eksik veya yanıltıcı geri bildirim verir.
• Tutarsız navigasyon kalıpları: Beklenmedik odak hareketleri veya öngörülemeyen menüler navigasyonu anlamayı zorlaştırır ve bilişsel yükü artırır.

Örnek: Bir alışveriş uygulamasında kaydırmaya dayalı bir ürün karuseli sezgisel görünebilir, ancak kontrolleri ekran okuyucuya net bir şekilde aktarılmadığında kullanılamaz hale gelir. Etiketli butonlar, öngörülebilir odak hareketi ve karmaşık hareketlere alternatif sunmak, kullanıcıların ürünlere göz atıp satın alma işlemini bağımsız olarak yapmasını sağlar.

Geliştiriciler Mobil Ekran Okuyucu Erişilebilirliğini Nasıl İyileştirebilir?

Geliştiriciler; erişilebilir tasarımı, anlamsal bilgileri ve geliştirme yaşam döngüsü boyunca sürekli testi bir araya getirerek mobil ekran okuyucu erişilebilirliğini iyileştirebilir. WCAG mobil erişilebilirlik ilkelerini izlemek, gerçek yardımcı teknolojilerle test yapmak ve kullanıcı yolculuklarının tamamını doğrulamak, ekran okuyucu kullanıcılarının temel özellikleri kullanabilmesine yardımcı olur. Apple, desteklenen cihazların VoiceOver ile test edilmesini ve kontrollerin doğru etiketlere, durumlara, değerlere ve mantıklı bir navigasyona sahip olmasını önerir.

• WCAG mobil erişilebilirlik ilkelerini izleyin: WCAG gerekliliklerini tasarım, geliştirme ve test süreçlerinde mobil arayüzlere uygulayın.
• Gerçek ekran okuyucularla test edin: Otomatik araçların kaçırdığı sorunları tespit etmek için fiziksel cihazlarda TalkBack ve VoiceOver kullanın.
• Anlamsal etiketler kullanın: Butonlara, ikonlara, alanlara ve özel kontrollere kısa ve anlamlı etiketler verin; rollerini, durumlarını ve değerlerini sunun.
• Dokunma etkileşimlerini optimize edin: Temel eylemleri erişilebilir hareketlerle bulunabilir hale getirin ve karmaşık veya özel hareketler için alternatifler sunun.