Uygulamalar İçin Erişilebilirlik: Kullanıcıya Nasıl Bakılacağına İlişkin Yönergeler, Örnekler ve En İyi Uygulamalar

Dünya Sağlık Örgütü'ne göre, dünya nüfusunun %15'i bir tür engellilik yaşıyor. Çoğu durumda, bilinçli toplumlar sağlık eşitsizliğini dengelemeye çalışır, böylece bu nüfus grubu, kabul edilen bir yaşam kalitesine herhangi bir engel hissetmez. Ve engelli bir kişi, zayıf mobil uygulama erişilebilirliği nedeniyle erişemeyeceği bir durumla karşı karşıya kalana kadar gayet iyi çalışıyor.

Mobil erişilebilirlik neden önemlidir?

Başvurularınızı kapsayıcı hale getirmek sadece bir sosyal sorumluluk meselesi değildir. Çeşitlilik geliştirmenin yanı sıra, erişilebilir mobil uygulamalar ek bir gelir akışının kilidini açar, şirketinize rekabetçi bir arka rüzgar sağlar ve uyumluluk düzenlemelerinin karşılanmasına yardımcı olur.

Empati

Yaşlandıkça, hepimiz işitme bozukluğu, görme duyusunda azalma veya motor bozukluk gibi bazı sınırlamalarla karşı karşıya kalırız. Ayrıca, durumsal ve geçici engeller, hepimizi uzun süreli engelli bireylerle benzer ortamlara sokabilir. Bu nedenle, mobil erişilebilirlik, diğer şeylerin yanı sıra, eski nesille, yaşlı benliğimizle ve geçici koşullarla mücadele edenlerle ilgilenmemize yardımcı olan uzun vadeli bir yatırımdır.

Yardımcı teknoloji, ek zorluklarla karşılaşan insanları modern dünyaya ve çevrimiçi topluluklara daha iyi entegre etmek için de önemli bir stratejidir.

Rekabet avantajı

İstatistiklere göre, her dört Amerikalıdan biri engelli yaşıyor. Çözümünüzü kapsayıcı hale getirerek, uygulamanızın kullanıcı erişimini genişleten ek 61 milyon kullanıcıyı kapsarsınız.

Ayrıca, teknoloji içerme ticari olarak ilgi çekicidir. Engellilerin satın alma gücü vergi sonrası 500 milyar dolar civarında. Erişilemeyen uygulamaların sayısı göz önüne alındığında, uygulamanız ve mobil cihazınızın erişilebilirliği bu ek gelir akışının keyfini çıkarabilir.

Cep telefonu erişilebilirliği, işletmenizin operasyonel maliyetlerini de azaltır. Bir Hollanda SNS Bankası, çağrı merkezi aramalarının sayısını ve ilgili masrafları %15'in üzerinde azalttı. Tasarruflar, bankanın daha önce yaptığı mobil web erişilebilirliği değişiklikleriyle ilişkilidir.

Erişilebilirlik, herkes için daha iyi teknoloji sağlar

Teknolojinin dahil edilmesi bazıları için esastır, ancak herkes için faydalıdır. Altyazılar, sanal asistanlar ve konuşma tanıma yazılımı, engelli kişiler de dahil olmak üzere tüm kullanıcılar için vazgeçilmez özelliklerdir. Örneğin sesli rota talimatları, sürücüler için hem bir erişilebilirlik özelliği hem de eller serbest bir seçenektir. Bu nedenle, çözümünüzü her şey dahil yapmak herkesin yararına olacaktır.

Standartlara ve yönetmeliklere uygunluk

Çoğu durumda, mobil uygulama erişilebilirlik standartları kanunen zorunludur. Engelli Amerikalılar Yasası Erişilebilir Tasarım Standartları veya ADA, web tabanlı işletmeler ve uygulamaları dahil olmak üzere tüm insanların kamusal yaşamın tüm alanlarına dahil edilmesini zorunlu kılar.

ADA yasası, web içeriği erişilebilirliği için tek bir paylaşılan standardı belgeleyen Web İçeriği Erişilebilirlik Yönergeleri (WCAG) ile birlikte çalışır. Mevcut WCAG sürümü 2.1 iken, Eylül 2022 için revize edilmiş bir sürüm planlanmaktadır.

2025 yılına kadar, tüm AB merkezli şirketler, Avrupa mobil uygulama erişilebilirlik yönergelerine uymak için hizmetlerini ve ürünlerini erişilebilirlik için optimize etmelidir.

Daha iyi marka imajı

Son olarak, dijital erişilebilirlik markanıza fayda sağlar ve marka savunucuları için daha fazla fırsat yaratır. Ayrıca, müşterilerin %56'sı bir şirketin sosyal konularda net bir duruş sergilemesi gerektiğine inanıyor.

Mobil uygulama erişilebilirliği nasıl sağlanır?

Bugün itibariyle, Web İçeriği Erişilebilirlik Yönergeleri veya WCAG, web sitesi erişilebilirliği için ölçüt olarak kabul edilmektedir. Yönergeler ayrıca mobil erişilebilirlik en iyi uygulamalarını özetleyen mobil için WCAG'yi de içerir. Aşağıda, WCAG'ye göre uygulamanızın gerçekten erişilebilir olması için nasıl olması gerektiği hakkında konuşacağız.

Her ilkenin, A'nın minimum seviye olduğu ve AAA'nın tam uygunluk anlamına geldiği üç uygunluk seviyesi içerdiğini unutmayın. Çoğu kuruluş, AA'yı altın bir ortalama olarak almaya çalışır.

algılanabilir

Çözümünüzü algılanabilir kılmak, kullanıcıların bir veya birkaç duyu ile algılayabilmesi gerektiği anlamına gelir. Basit bir deyişle, uygulamanızın içeriği görsel bir deneyime yönelikse, işitsel algı veya başka herhangi bir duyusal modaliteyi içeren bir alternatifi olmalıdır.

Buradaki problem ne olabilir?

• Metin alternatifi yok

Bazı çözümler, ekran okuyucusu tarafından algılanabilecek şekilde, kontroller veya görüntüler olsun, ekranda gösterilen metin olmayan içerik için metin alternatifleri sunamayabilir. Sırasıyla Android ve iOS'ta varsayılan ekran okuyucular olan TalkBack veya VoiceOver için uygulamayı doğal olarak okunamaz hale getirir.

Aksine, konuşma açıklamaları, metin olmayan tüm verilere körler veya az ya da zayıf görüşlü kişiler için erişilebilir hale getirir. Örneğin Facebook, ekran okuyucular için görsel içeriği tanımlamak için otomatik ALT metni yayınladı.

• Uyarlanabilirlik yok

Bir mobil çözüm, yapısı farklı içerik sunum yapılarına ve yönelimlerine kolayca ayarlanamadığında erişilebilirliği gözden kaçırır. Özellikle kapsayıcı bir ürün, aşağıdaki örnekte olduğu gibi içerikten veya öğelerden ödün vermeden hem yatay hem de dikey olarak geçiş yapabilir.

Yerel mobil uygulama erişilebilirlik yönergeleri, ürününüzün öğeler arasında bilgileri, yapıyı ve hiyerarşiyi işaretlemesini de zorunlu kılar. Bu şekilde, sunum değiştiğinde başlıklar, tablolar ve listeler olduğu gibi kalacak ve mizanpajlarınızı basit ve tutarlı tutacaktır.

Uyarlanabilirlik, motor bozuklukları, ekran okuyucu kullanıcıları ve ayrıca öğrenme güçlüğü ve bilişsel yorgunluğu olan kişiler için çok önemlidir.

• Ayırt edici özellik yok

Yetersiz kontrast, kötü renk seçimi veya metnin yeniden boyutlandırılmasının olmaması, kullanıcıların algısını olumsuz etkiler. Örneğin, renk algısı sorunları olan kişiler belirli renkleri ayırt etmekte zorlanırlar. Bu nedenle, farklılıkları iletmenin veya harekete geçmenin tek yolu renkler olmamalıdır. Bunun yerine, bilgi iletmek için renk ve metin veya karakter ipuçlarını birleştirin.

İçerik veya işlevsellik kaybı, genellikle görme engelli bir kullanıcı metni yakınlaştırdığında ortaya çıkan diğer bir yaygın erişilebilirlik sorunudur. Mobil erişilebilirlik ayarlarınız, tüm içeriği ve öğeleri korurken %200'e kadar artışa izin vermelidir.

çalıştırılabilir

Bu ilke, uygulamanızın tam olarak çalışabilir arayüz ve navigasyon öğeleri içermesini gerektirir, böylece kullanıcı, herhangi bir engel veya engel olmaksızın her özellikten yararlanabilir.

Buradaki problem ne olabilir?

• Zaman eksikliği

İnsanlar arasındaki çeşitlilik göz önüne alındığında, uygulamada gezinmenin veya belirli bir bölümü bulmanın ne kadar zaman alacağını tahmin etmek zor. Örneğin çoğu bankacılık uygulaması, güvenlik önlemi olarak maksimum oturum süresine sahiptir. Ancak zaman sınırları veya zamana duyarlı içerik, bir ekran okuyucunun veya yaşlı bir kullanıcının bilgileri işlemesini zorlaştırır.

Aksine, esnek zaman sınırları veya kapatma seçeneği, başvurunuzu yaşlılar, görme engelliler veya yabancı konuşmacılar için daha kolay hale getirir.

• Yanıp sönen içerik

Yanıp sönen içerik, nöbetlere veya diğer istenmeyen etkilere neden olabileceğinden, kapsayıcı uygulamalar için bir tehlike işaretidir. Bu nedenle, ışığa duyarlı nöbet bozuklukları olan bireyler, tetiklenen olumsuz bir fiziksel reaksiyon olmadan yanıp sönen ışıklara veya zıt görsel kalıplara bakamazlar. Bu nedenle, 1 saniyede 3 defadan fazla yanıp sönen içerikten kaçınmak ve yanıp sönme alanını akıllı telefonun ekranının küçük bir bölümüyle sınırlamak önemlidir.

• Navigasyon

Programatik olarak etiketlenmemiş veya yapılandırılmamış gezinme, kullanıcının içeriği tüketmesini de engelleyebilir. Bu, özellikle uygulamanızda yalnızca yardımcı teknolojiyle gezinebilen görme engelli kullanıcılar ile bilişsel ve motor engelleri olan kişiler için geçerlidir.

Önemli bölgeler, açıklayıcı başlıklar, benzersiz ekran başlıkları ve etiketli kontroller, hem kullanıcıların hem de ekran okuyucuların gerekli bölümü hızlı ve daha az tuşa basarak bulmasını sağlar. Uygulama, içeriği bir ekran okuyucu ile tüketirken grafikleri ve gezinme bağlantılarını atlamak için de kodlanabilir.

Örneğin Tastemade, iş yerinde tam ekran navigasyonun harika bir örneğiyken, sağdaki örnek, şık bir tasarım için keşfedilebilirliği feda etti.

anlaşılır

Bu erişilebilirlik ilkesine göre, tüm bilgiler ve tüm kullanıcı arayüzünüz, sağlık durumu ne olursa olsun herhangi bir kişi için kolay anlaşılır olmalıdır. Basitçe söylemek gerekirse, uygulamanız ne kadar sezgisel ve anlaşılır olursa, AAA uygunluk düzeyine ulaşma şansı o kadar artar.

Buradaki problem ne olabilir?

• öngörülebilirlik

Bazı uygulamalar, tasarım öğelerini karmaşık simgelerin arkasına gizlemeyi veya fütüristik kullanıcı akışlarını kullanmayı tercih eder. Bu tür tasarımlar takdire şayan sanat eserleri olmakla birlikte, netlikten yoksundurlar.

Örneğin hamburger menüleri, kompakt ekranlar için menüleri basitleştiren, mobil uygulama geliştirme için yaygın olarak kabul edilen bir standarttır. Bununla birlikte, görme engelli, bilişsel sınırlamaları, motor bozuklukları ve el becerisi azalmış kişiler için ne gezilebilir ne de tahmin edilebilirler. Örneğin Telegram'ın masaüstü sürümünde bir hamburger menü düğmesi bulunur.

Öngörülebilir tasarımın en önemli amacı, tutarlı tasarım kalıpları, standart anlamsal öğeler ve düzenli bilgi yapısı aracılığıyla bir sonraki adımda ne olacağına dair doğru beklentiler oluşturmaktır. Erişilebilir bir uygulama, kullanıcının şu anda nerede olduğunun doğru bir şekilde anlaşılmasını sağlamak için ekranda kolayca keşfedilebilir tüm öğelere sahip olmalıdır. Alt gezinme, dikey kenar çubuğu veya yapışkan menüler onu doğru oynatıyor.

• Giriş yardımı

Düşük kaliteli vizyona sahip, okuma ve zihinsel engelli bazı kullanıcılar, bilgileri hatasız girmekte veya zorunlu ve isteğe bağlı alanlar arasında ayrım yapmakta zorlanabilirler. Yardım sağlamak için, bir uygulama arayüzü, önemli bilgileri pekiştirmek için alanlarda ipuçları içerebilir.

İpuçları, ekran okuyucular için etiketli özelliklerden, durumları ve yuvarlatılmış köşeleri seçmeye kadar değişebilir.

• Hata önleme

Aynı notta, tipik hata gösterge yöntemleri, düşük veya görme bozukluğu olan veya renk körü kişiler için çalışmayabilir. Aynı şekilde, okuma veya motor engeli olan kullanıcıların yanlış girdi girme şansları daha yüksektir, bu da mali yükümlülükler de dahil olmak üzere ciddi sonuçlara yol açabilir. Bu nedenle, uygulama kullanıcı tarafından kontrol edilebilir veriler sağlamıyorsa, erişilebilir değildir.

Geri alınabilir gönderimler, sipariş onayı, bir kaydın silinmesi veya bir mesajın gönderilmemesi, kullanıcıların hata yapmasını engelleyecek bazı önlemlere örnektir.

güçlü

Erişilebilirlik özellikleri, ekran okuyucuların, braille terminallerinin veya metin büyütme yazılımlarının farklı sürümleri dahil olmak üzere platformlar ve cihazlar arasında sorunsuz bir şekilde sunulmalıdır. Basit bir deyişle, sağlam tasarım, web özellikli bir cihazdaki veya yardımcı teknolojideki içeriği veya işlevleri bozabilecek kodlama hatalarına karşı bağışıktır.

Buradaki problem ne olabilir?

• Kötü kodlama

Uygulamanızın arkasındaki HTML kodunda tam başlangıç ​​ve bitiş etiketleri yoksa, uygulamanın içeriği cihazlarda farklı şekilde görüntülenebilir, hiç görüntülenmeyebilir veya yardımcı teknolojiler tarafından okunamayabilir. Tüm biçimlendirme dili özelliklerine uyan iyi biçimlendirilmiş HTML kodu, erişilebilir içerik yapısının tüm platformlarda ve cihazlarda amaçlandığı gibi kalmasını sağlar.

Platformlar arası geliştirme uygun bir erişilebilirlik düzeyi sağlayabilir mi?

Platformlar arası geliştirme, pazara sunma süresini hızlandıran ve tek kodlu bir tabanla iki platformu öldüren bir İsviçre çakısı. Ancak, platformlar arası geliştirmenin erişilebilirlik potansiyeli, yerel uygulamaların gerisinde kalıyor. Bu nedenle, platformlar arası teknolojiler, Android ve iOS'ta en azından temel düzeyde mobil erişilebilirliği garanti edebilen erişilebilirlik ve maliyet azaltma arasında bir dengedir.

Bu nedenle, Flutter uygulama geliştirme, uygulamaları daha erişilebilir hale getirmeye kararlıdır ve işletim sisteminin aynı yetenekleriyle birlikte erişilebilirlik için yerleşik destek içerir. Flutter, büyük yazı tipleri, ekran okuyucu uyumluluğu, yeterli kontrast ve daha fazlası gibi erişilebilirlik özelliklerini uygulamanıza yardımcı olabilir.

Ancak mobil erişilebilirliğin, Flutter geliştiricileri de dahil olmak üzere tüm geliştirme ekibinizin toplu bir sonucu olduğunu unutmayın. UX/UI tasarımcıları kendilerini kapsayıcı arayüzler oluşturmaya adamışken, QA uzmanları son uygulama sürümünüzün erişilebilirlik testinden geçmesini sağlar.

Erişilebilirlik ve tasarım arasında karar vermenize gerek yok

Teknolojiye eşit erişim, tüm insanların topluma katılmasına ve teknolojik konforlardan aktif olarak yararlanmasına olanak tanır. Uyumluluk uygunluğunun yanı sıra mobil erişilebilirlik, daha geniş bir kullanıcı tabanına ve şirketinizin rekabet üstünlüğüne de katkıda bulunur. Bununla birlikte, erişilebilirlik mükemmelliği yoğun araştırma ve bilgi birikimi gerektirdiğinden, birçok geliştirici erişilebilirlik kodlama standartlarına hala yabancıdır. Ve bu kavrama aşina olsalar bile, kapsayıcı özellikleri estetik bir arayüze sığdırmak genellikle zordur.
Erişilebilirlik ve tasarım arasında bir denge kurmakta zorlanıyorsanız, şirketimiz her ikisinden de nasıl puan alacağınızı biliyor. Benzersiz gereksinimlerinize ve erişilebilirlik standartlarınıza dayanarak, kapsayıcılığı kusursuz bir şekilde birinci sınıf bir uygulama tasarımına entegre ediyoruz. Herkese hitap eden birinci sınıf bir mobil çözüm oluşturmak için bize yazın.

Makale orijinal olarak burada yayınlanmıştır