Mobil Uygulamalar İçin WCAG

Mobil uygulamalar için WCAG, Web İçeriği Erişilebilirlik Rehberi'nin yerel, hibrit ve mobil web uygulamalarına uygulanması anlamına gelir. WCAG 2.2, mevcut sürümdür ve başarı kriterleri dokunma hareketlerini, hedef boyutunu, ekran yönünü, odağı, ekran okuyucuları ve erişilebilir kimlik doğrulamayı kapsar. W3C'nin taslak WCAG2Mobile notu, bu kriterlerin mobil ortamlarda nasıl yorumlanacağını açıklar. Apple ve Android rehberleri de dahil olmak üzere tüm mobil standartlara genel bakış için mobil erişilebilirlik rehberimize göz atın.

Mobil Uygulamalar İçin WCAG Nedir?

Mobil uygulamalar için WCAG, WCAG 2.2 ilkelerinin ve başarı kriterlerinin telefon ve tabletlerdeki uygulamalara uygulanmasını ifade eder. W3C, mobil cihazlar için ayrı bir erişilebilirlik standardı oluşturmuş değildir. Bunun yerine mevcut WCAG kriterlerinin dokunmatik etkileşimlere, küçük ekranlara, farklı giriş yöntemlerine, ekran yönüne ve platformların erişilebilirlik hizmetlerine nasıl uygulandığını açıklar. Böylece web siteleri ve uygulamalar için ortak bir ölçüt ortaya çıkar.

WCAG Mobil Uygulamalara Uygulanır mı?

Evet. WCAG web içeriği için hazırlanmış olsa da başarı kriterleri yerel, hibrit ve mobil web uygulamalarına yaygın olarak uygulanır. W3C'nin taslak WCAG2Mobile notu, WCAG 2.2'nin uygulamalar için nasıl yorumlanacağını açıklar. WCAG2ICT ise web dışı yazılımları daha geniş kapsamda ele alır. Mevzuat da WCAG'yi doğrudan uygulamalara uygulayabilir: ADA Title II kuralı eyalet ve yerel yönetimlerin mobil uygulamalarını kapsarken EN 301 549, AB'deki uygulamaları kapsar.

WCAG 2.2 Mobil Uygulamalar İçin Hangi Gereklilikleri İçerir?

WCAG 2.2, dört ilke altında düzenlenmiş test edilebilir başarı kriterlerinden oluşur: algılanabilir, kullanılabilir, anlaşılabilir ve sağlam. Çoğu kuruluş, tüm A ve AA düzeyi kriterlerini kapsayan AA düzeyini hedefler. Mobil cihazlarda ekiplerin dokunmatik etkileşimi, ekran yönünü, odağı, giriş yöntemlerini ve yardımcı teknoloji desteğini de dikkate alması gerekir. Uygunluk düzeyleri hakkında daha fazla bilgi için WCAG uyumluluk rehberimize göz atın.

Mobil Erişilebilirlik Açısından Hangi WCAG 2.2 Başarı Kriterleri Önemlidir?

Örneğin: Bir mobil bankacılık uygulamasında, erişilebilir bir alternatif mevcutsa kullanıcıdan para transferi yapmak için karmaşık bir kaydırma veya sürükleme hareketini tamamlaması istenmemelidir. Kullanıcılar ekran okuyucularla, dokunmatik girişle veya cihazın ekran yönünü değiştirerek gezinirken düğmeler de yeterince büyük ve görünür kalmalıdır.

Algılanabilirlik İlkesi Mobil Uygulamalara Nasıl Uygulanır?

Algılanabilirlik, mobil uygulamalardaki bilgilerin ve arayüz öğelerinin, farklı görsel özelliklere veya yardımcı teknolojilere ihtiyaç duyan kullanıcılar tarafından algılanabilecek biçimlerde sunulmasını sağlar. Uygulamada mobil erişilebilirlik; kontrasta, metin boyutunun değiştirilmesine, ekran yönüne ve içeriğin farklı ekran boyutlarına ve görüntü ayarlarına nasıl uyum sağladığına dikkat edilmesini gerektirir.

Örneğin: Bir mobil bankacılık uygulaması, kullanıcı metin boyutunu artırdığında okunabilir kalmalı, izin verilen durumlarda dikey ve yatay ekran yönleri arasında uygun şekilde geçiş yapmalı ve metinler, simgeler ile arka planlar arasında yeterli kontrast sağlamalıdır. Bu uygulamalar, az gören kullanıcıların varsayılan ekran ayarlarına bağlı kalmadan temel işlemleri gerçekleştirmesine yardımcı olur.

Renk Kontrastı Mobil Erişilebilirliği Nasıl Etkiler?

Mobil arayüzlerde renk kontrastı, metinlerin ve önemli görsel bilgilerin okunabilir kalması için ön plan içeriği ile arka plan arasında yeterli ayrım sağlamalıdır. WCAG 2.2 kapsamında 1.4.3 Kontrast (Minimum) kriteri, geçerli istisnalar saklı kalmak üzere normal metinler için en az 4,5:1, büyük metinler için ise en az 3:1 kontrast oranı gerektirir.

Örneğin: Bir alışveriş uygulamasında ürün fiyatları veya ödeme talimatları beyaz arka plan üzerinde açık gri metinle gösteriliyorsa az gören kullanıcılar önemli bilgileri okumakta zorlanabilir. Kontrast oranının artırılması, bu öğelerin çok daha kolay fark edilmesini sağlayabilir.

Metin Boyutunu Değiştirmek Mobil Erişilebilirliği Nasıl İyileştirir?

Metin boyutlandırma, kullanıcıların bilgileri veya işlevleri kaybetmeden içeriği büyütmesine olanak tanır. 1.4.4 Metni Yeniden Boyutlandırma kriterinin uygulanması, özellikle az gören ve daha büyük metinlere ya da cihaz düzeyindeki görüntü ayarlarına ihtiyaç duyan kişiler için mobil okunabilirliği destekler.

Örneğin: Bir kullanıcı sağlık uygulamasında metin boyutunu artırdığında randevu bilgileri, etiketler ve talimatlar görünür ve kullanılabilir kalmalıdır; kırpılmamalı veya diğer kontrollerin üzerine binmemelidir. Duyarlı bir düzen, yeni gezinme engelleri oluşturmadan metin boyutunun değiştirilmesini sağlar.

Ekran Yönü Mobil Erişilebilirliği Nasıl Etkiler?

Ekran yönü erişilebilirliği, belirli bir yönün zorunlu olduğu durumlar dışında, kullanıcılar dikey ve yatay görünüm arasında geçiş yaptığında içeriğin kullanılabilir kalması anlamına gelir. WCAG 2.2 Başarı Kriteri 1.3.4 Yönlendirme, cihaz yönünün sınırlandırılmasının kullanıcıların içeriğe erişmesini veya işlemleri tamamlamasını engelleyebileceği durumları ele alır.

Örneğin: Bir seyahat uygulaması, yatay görünüm sabit bir cihaz kullanan veya erişilebilirlik düzeneklerinden yararlanan bir kişi için daha uygun olabilecekken kullanıcıları gereksiz yere dikey modla sınırlandırmamalıdır. Mobil ekran yönü erişilebilirliği senaryolarında işlevselliği korumak daha esnek bir deneyim sağlar.

Kullanılabilirlik İlkesi Mobil Uygulamalara Nasıl Uygulanır?

Kullanılabilirlik, kullanıcıların mobil uygulamalarda dokunma, klavye, anahtarlar ve yardımcı teknolojiler dahil olmak üzere farklı giriş yöntemleriyle gezinmesini ve etkileşim kurmasını sağlar. Etkili mobil erişilebilirlik; öngörülebilir gezinme, mantıklı odak davranışı, yeterince büyük kontroller ve karmaşık hareketlere ya da cihaz hareketlerine alternatifler gerektirir.

Örneğin: Bir bankacılık uygulamasında müşteri, hesap kontrollerine mantıklı bir sırayla ulaşabilmeli, düğmeleri hassas dokunuşlar gerektirmeden etkinleştirebilmeli ve işlemlerini yalnızca kaydırma hareketlerine veya cihazı sallamaya bağlı kalmadan tamamlayabilmelidir. Bu, motor beceri veya hareket kısıtlılığı olan kullanıcılar için daha esnek bir deneyim oluşturur.

Mobil Klavye ile Gezinme Erişilebilirliği Nasıl Destekler?

Mobil klavye ile gezinme, mobil cihazlarına fiziksel klavye, anahtar cihazları veya başka alternatif giriş teknolojileri bağlayan kullanıcılar için önemlidir. WCAG 2.1.1 Klavye kriteri, geçerli olduğu durumlarda işlevlerin klavye arayüzü üzerinden kullanılabilir kalmasını gerektirir. Böylece etkileşim yalnızca dokunmaya bağlı olmaz.

Örneğin: Bir üretkenlik uygulaması, Bluetooth klavye veya yardımcı anahtar sistemi kullanan bir kişinin dokunma hareketlerine ihtiyaç duymadan etkileşimli kontroller arasında gezinmesine ve işlevleri etkinleştirmesine olanak tanımalıdır.

Mobil Uygulamalarda Odak Sırası Neden Önemlidir?

Mantıklı bir mobil odak sırası, kullanıcıların nerede olduklarını ve sırada hangi öğeyle etkileşim kurabileceklerini anlamalarına yardımcı olur. WCAG 2.4.3 Odak Sırası kriteri, sıralı gezinmenin anlamı ve kullanılabilirliği korumasını gerektirir. Bu, özellikle ekran okuyucu, klavye veya alternatif giriş cihazlarıyla uygulamada gezinen kullanıcılar için önemlidir.

Örneğin: Bir ödeme uygulamasında odak; ilgisiz kontroller arasında öngörülemez biçimde atlamak yerine ürün bilgilerinden teslimat ayrıntılarına, ödeme alanlarına ve son satın alma işlemine doğru ilerlemelidir.

Dokunma Hedefi Boyutu Mobil Erişilebilirliği Nasıl Etkiler?

Yeterli dokunma hedefi boyutu, yanlışlıkla etkinleştirme riskini azaltır ve etkileşimli kontrollerin kullanımını kolaylaştırır. WCAG 2.5.8 Hedef Boyutu (Minimum) kriteri, hedeflerin belirli bir minimum boyutu karşılamasını veya izin verilen istisnalardan birine girmesini gerektirir. Bu, el becerisi sınırlı kullanıcıların mobil arayüzlerle daha güvenilir biçimde etkileşim kurmasına yardımcı olur.

Örneğin: Mobil bankacılık arayüzünde birbirine yakın yerleştirilmiş küçük simgeleri doğru şekilde etkinleştirmek zor olabilir. Kontrollerin uygun boyutta ve aralıklı olması, menü açma veya ödemeyi onaylama gibi işlemleri kolaylaştırır.

Hareket Gereklilikleri Mobil Erişilebilirliği Nasıl Etkiler?

Hareket erişilebilirliği, karmaşık hareketleri veya cihaz hareketlerini gerçekleştiremeyen kişiler için mobil etkileşimlerin kullanılabilir kalmasını gerektirir. WCAG 2.5.1 İşaretçi Hareketleri, çok noktalı veya belirli bir yol izleyen hareketleri; 2.5.4 Hareketle Etkinleştirme ise cihaz hareketiyle tetiklenen işlevleri ele alır. Geçerli olduğu durumlarda kullanıcılara daha basit alternatifler sunulmalıdır.

Örneğin: Bir uyarıyı kapatmak için kullanıcıların telefonu sallamasını gerektiren bir fitness uygulaması, alternatif olarak ekranda bir kontrol sunmalıdır. Benzer şekilde bir harita uygulaması, aksi hâlde karmaşık bir işaretçi hareketi gerektiren özellikler için basit, düğme tabanlı bir seçenek sağlamalıdır.

Anlaşılabilirlik İlkesi Mobil Uygulamalara Nasıl Uygulanır?

Anlaşılabilirlik, kullanıcıların içeriği yorumlamasına, arayüzlerde gezinmesine ve gereksiz kafa karışıklığı yaşamadan işlemlerini tamamlamasına yardımcı olur. Mobil uygulamalarda bu; bilişsel, görsel ve motor engelleri olan kullanıcıları destekleyen açık talimatlar, tutarlı gezinme, anlamlı form geri bildirimleri ve öngörülebilir etkileşimler sunmak anlamına gelir.

Örneğin: Bir mobil sağlık uygulaması, ekranlar arasında gezinme kontrollerini tutarlı tutarak, randevu alanlarını açıkça etiketleyerek ve yanlış bilgi girildiğinde tam olarak neyin hatalı olduğunu açıklayarak kullanılabilirliği artırabilir. Bu yaklaşım bilişsel yükü azaltır ve kullanıcıların önemli işlemleri bağımsız olarak tamamlamasına yardımcı olur.

Mobil Form Erişilebilirliği Nasıl İyileştirilebilir?

Etkili mobil form erişilebilirliği, açık etiketlerle, yararlı talimatlarla ve belirli hata mesajlarıyla başlar. WCAG 3.3.1 Hata Tanımlama kriteri, giriş hatalarının belirlenmesini ve açıklanmasını gerektirir. 3.3.2 Etiketler veya Talimatlar kriteri ise kullanıcıların hangi bilgilerin beklendiğini anlamasına yardımcı olur. Böylece erişilebilir formların ekran okuyucular ve alternatif giriş yöntemleriyle doldurulması kolaylaşır.

Örneğin: Bir kullanıcı bankacılık uygulamasına geçersiz bir telefon numarası girdiğinde arayüz, yalnızca genel bir hata mesajı göstermek yerine ilgili alanı belirtmeli ve gerekli biçimi açıklamalıdır.

Tutarlı Gezinme ve Kullanıcı Arayüzleri Mobil Erişilebilirliği Nasıl İyileştirir?

Tutarlı gezinme, tekrarlanan kontrolleri ve gezinme mekanizmalarını öngörülebilir konumlarda tutarak mobil arayüzlerin anlaşılmasını kolaylaştırır. WCAG 3.2.3 Tutarlı Gezinme, öngörülebilir mobil arayüzleri destekleyerek kullanıcıların bir uygulamanın nasıl çalıştığını öğrenmek veya yeniden öğrenmek için harcadığı çabayı azaltır.

Örneğin: Arama, sepet, hesap ve ana gezinme kontrollerini tüm ekranlarda aynı yerde tutan bir e-ticaret uygulaması, kullanıcıların her sayfada farklı bir düzene uyum sağlamadan temel işlevleri bulmasına olanak tanır.

Hata Önleme Mobil Uygulama Erişilebilirliğini Nasıl İyileştirir?

Hata önleme, kullanıcıların önemli sonuçlar doğurmadan önce hatalardan kaçınmasına veya bunları düzeltmesine yardımcı olur. WCAG 3.3.4 Hata Önleme kriteri; yasal taahhütler, finansal işlemler veya önemli verilerle ilgili eylemler açısından özellikle önemlidir. Açık onay ve gözden geçirme mekanizmaları da erişilebilir kullanıcı girişini daha güvenli hâle getirir.

Örneğin: Bir mobil bankacılık uygulaması, para transferini onaylamadan önce alıcıyı, tutarı ve hesap bilgilerini inceleme amacıyla gösterebilir ve hataları düzeltmek için erişilebilir bir yöntem sunabilir. Böylece kullanıcılar işlem gönderilmeden önce hataları belirleme fırsatı bulur.

Sağlamlık İlkesi Mobil Uygulamalara Nasıl Uygulanır?

Sağlamlık, mobil uygulamaların farklı yardımcı teknolojilerle ve platformların erişilebilirlik hizmetleriyle güvenilir biçimde çalışmasını sağlar. Bunun için anlamlı adların, rollerin, durumların ve değerlerin erişilebilirlik API'lerine aktarılması gerekir. Böylece kullanıcılar ekran okuyucular, anahtar erişimi, sesli giriş ve desteklenen diğer teknolojiler aracılığıyla uygulama kontrolleriyle etkileşim kurabilir.

Örneğin: Bir kamu hizmeti uygulaması, her düğmeyi, form alanını ve durum mesajını cihazın erişilebilirlik çerçevesine doğru şekilde aktarabilir. Böylece ekran okuyucu veya alternatif giriş yöntemi kullanan bir kişi, görsel arayüzü bağımsız olarak yorumlamak zorunda kalmadan temel hizmetleri tamamlayabilir.

Mobil Ekran Okuyucu Erişilebilirliği WCAG Uyumluluğunu Nasıl Destekler?

Mobil ekran okuyucu erişilebilirliği, kontrollerin doğru erişilebilir ada, role, duruma ve değere sahip olmasına bağlıdır. WCAG 4.1.2 Ad, Rol, Değer bu gerekliliği destekler. Android'deki TalkBack ve iOS'taki VoiceOver gibi platform teknolojileri, kullanıcıların uygulama içeriğinde sesli geri bildirim ve diğer erişilebilir kontroller aracılığıyla gezinmesine ve etkileşim kurmasına olanak tanır.

Örneğin: Bir mobil bankacılık uygulamasında görsel olarak sunulan "Para Transferi Yap" simgesi, anlamlı bir erişilebilir ada sahip olmalı ve mevcut durumunu doğru şekilde aktarmalıdır. Böylece TalkBack veya VoiceOver, kullanıcıya etiketsiz bir düğme olduğunu duyurmak yerine kontrolün ne işe yaradığını bildirebilir.

Anahtar Denetimi ve Sesli Kontrol Gibi Yardımcı Teknolojiler Mobil Erişilebilirliği Nasıl Destekler?

Mobil erişilebilirlik, her kullanıcının dokunmatik ekranı doğrudan kullanabildiğini varsaymak yerine birden fazla etkileşim yöntemini desteklemelidir. Anahtar Denetimi (Switch Control), Sesli Kontrol (Voice Control), ekran okuyucular ve diğer yardımcı teknolojiler, arayüzlerin uygun erişilebilirlik anlamsal bilgilerini sunması koşuluyla mobil kontrollerde gezinmek, seçim yapmak ve kontrolleri etkinleştirmek için alternatif yollar sağlayabilir.

Örneğin: Motor kontrolü sınırlı bir kullanıcı mobil uygulamada Anahtar Denetimi ile gezinirken başka bir kullanıcı düğmeleri etkinleştirmek için Sesli Kontrol kullanabilir. Açık adlara ve öngörülebilir etkileşim davranışlarına sahip kontroller, her iki kullanıcının da hassas dokunma hareketlerine ihtiyaç duymadan işlemlerini tamamlamasını sağlar.

Alternatif Metin Mobil Erişilebilirliği Nasıl Destekler?

Alternatif metin, ilgili metin dışı içerik için anlamlı bir metinsel karşılık sunar ve görsel bilgileri algılayamayan kullanıcılar için erişilebilir görselleri destekler. WCAG 1.1.1 Metin Dışı İçerik kriterine göre bilgilendirici görseller uygun bir metin alternatifine sahip olmalıdır. Yalnızca dekoratif amaç taşıyan görseller ise yardımcı teknolojilerde gereksiz sesli bildirim oluşturmamaları için uygulanabilir.

Örneğin: Bir otel görseli gösteren seyahat uygulaması, görsel bilgi taşıyorsa yararlı alternatif metin sunmalıdır. Dekoratif bir arka plan görselinin ise ekran okuyucu tarafından gereksiz yere duyurulması önlenmelidir. Böylece kullanıcılar gerçekten önemli olan bilgileri alabilir.

Yerel ve Hibrit Mobil Uygulamalar WCAG Gerekliliklerini Nasıl Karşılayabilir?

Yerel mobil uygulamalar ve hibrit uygulamalar, hem arayüz hem de platform düzeyinde erişilebilirlik uygulayarak WCAG gerekliliklerini karşılayabilir. Yerel iOS ve Android uygulamaları, kontrolleri ilgili erişilebilirlik API'leri aracılığıyla sunmalıdır. Yerel mobil uygulamaların içindeki web bileşenleri ise erişilebilir HTML, anlamsal yapı, odak davranışı ve giriş yönetimi gerektirir. Uygulama yaklaşımı mimariye göre değişse de amaç aynıdır: içeriğin ve işlevlerin yardımcı teknolojiler tarafından algılanabilir, kullanılabilir, anlaşılabilir ve yorumlanabilir olmasını sağlamak.

Örneğin: iOS ve Android için yerel olarak geliştirilen bir perakende uygulamasında VoiceOver ve TalkBack için ayrı erişilebilirlik uygulamaları gerekebilir. Hibrit bir uygulamada ise hem web tabanlı bileşenlerin hem de yerel kontrollerin erişilebilirliği test edilmelidir. Her platformun bağımsız olarak test edilmesi, sürüm yayımlanmadan önce mimariye özgü engellerin belirlenmesine yardımcı olur.

Ekipler Mobil Uygulama Tasarımı ve Geliştirme Sürecinde WCAG'yi Nasıl Uygulayabilir?

Ekipler, erişilebilirliği yalnızca son test aşamasında ele almak yerine mobil uygulama tasarımının ilk aşamalarından itibaren WCAG 2'yi uygulamaya başlayabilir. Uygulama tasarımcıları ve geliştiricileri; erişilebilir etkileşim modellerini, anlamsal kontrollleri, yeterli kontrastı, ölçeklenebilir metinleri, klavye ve yardımcı teknoloji desteğini ve uygun erişilebilirlik özelliklerini gereksinimlere, tasarım sistemlerine, geliştirme, test ve sürüm süreçlerine entegre edebilir.

Örneğin: Mobil bankacılık uygulaması geliştiren bir ürün ekibi, planlama sırasında WCAG gerekliliklerini tanımlayabilir, tasarım sistemine erişilebilir bileşenler ekleyebilir, geliştirme sırasında ekran okuyucu davranışını doğrulayabilir ve sürümden önce kritik kullanıcı akışlarını test edebilir. Bu yaklaşım, erişilebilirlik engellerinin giderilmesinin hâlâ düşük maliyetli olduğu aşamalarda belirlenmesini sağlar.

Kuruluşlar Mobil Uygulamalar İçin Sürekli WCAG Uyumluluğunu Nasıl Sürdürebilir?

Kuruluşlar, erişilebilirliği tek seferlik bir denetim yerine devam eden bir erişilebilirlik yolculuğu olarak ele alarak WCAG uyumluluğunu sürdürebilir. Düzenli erişilebilirlik testleri, erişilebilirlik izleme, regresyon testleri ve yardımcı teknolojilerle yapılan manuel kontroller; mobil arayüzler, işletim sistemleri ve özellikler geliştikçe yeni engellerin belirlenmesine yardımcı olur. Yapılandırılmış bir süreç, kuruluşların ürün sürümlerinde ve sürekli bakım çalışmalarında erişilebilirliği sağlamasına da yardımcı olur.

Örneğin: Bir finans kuruluşu, her büyük uygulama sürümünden sonra oturum açma, hesap erişimi ve ödemeler gibi kritik akışları test edebilir. Otomatik kontrollerin VoiceOver ve TalkBack ile yapılan manuel testlerle birleştirilmesi, erişilebilirlikteki gerilemelerin müşterileri etkilemeden önce belirlenmesine yardımcı olur.