Erişilebilir tuval uygulamaları oluşturma

Erişilebilir bir tuval uygulaması, görme ve işitme bozuklukları olan veya başka engelleri bulunan kullanıcıların uygulamayı başarılı bir şekilde kullanmasını sağlar. Aşağıdaki yönergeleri uygulamak, birçok hükümet ve kuruluş için bir gereklilik olmasının yanı sıra yetilerinden bağımsız olarak tüm kullanıcılar için kullanılabilirliği artırır.

Uygulamanızdaki olası erişilebilirlik sorunlarını gözden geçirmek için Erişilebilirlik Denetleyicisi'ni kullanın.

Düzen ve renk

Karmaşık olmayan, genel kullanıma yönelik bir tasarım, uygulamaların tüm kullanıcılar için daha erişilebilir olmasına yardımcı olur. Uygulamalarda yoğun özelleştirmeler uygularken aşağıdaki önerileri dikkate alın. Power Apps temaları, erişilebilirlik standartlarını karşılayacak şekilde tasarlanmıştır.

  • Tüm öğelerin net bir şekilde görünür olduğundan ve metinlerin yeterli boyutta olduğundan emin olun. Tüm içerik kolayca okunabilmeli ve çıplak gözle anlaşılabilmelidir.
  • Bir öğenin görüntülenebilmesi için öğelerin görünürlük özelliğinin kullanılmasını gerekli tutmaktan kaçının. Bir öğeyi koşullu bir şekilde göstermek istiyorsanız içeriği yeni bir ekranda oluşturarak, içeriğe gidip geri dönmeyi sağlayın.
  • Giriş öğelerinin ekranda etkilendiğinden emin olun. AccessibleLabel özelliği, ekran okuyucunun neyi duyuracağını tanımlar.
  • Renkleri özelleştiriyorsanız metin arka planının kontrast oranının en az 4.5:1 olduğundan emin olun. Bu sürece yardımcı olabilecek destek araçları kullanıma hazırdır.
  • Yukarıdan aşağıya, soldan sağa okuma yapılırken düzenin mantıksal bir akış izlediğinden emin olun.

Klavye desteği

Uygulamanızın erişilebilirliğini sınarken, uygulamanın yalnızca klavyeyle, iOS ve Android ve klavye tabanlı ekran okuyucularındaki erişilebilirlik modlarında kullanılabilir olduğundan emin olun.

Klavye ile gezinme (ekran okuyucu ile veya ekran okuyucu olmadan) için, her denetimin TabIndex özelliğini ayarlayarak giriş alanlarına gitmek amacıyla SEKME tuşunun kullanımında mantıksal bir düzenin uygulandığından emin olun:

  • Etiket, Görüntü, Simge, Şekil denetimleri: Etkileşimli öğeleri (ör. düğmeler) temsil ediyorlarsa TabIndex özelliğini 0 olarak ayarlayın, bunlar dekoratif öğelerse veya metinse TabIndex özelliğini -1 olarak ayarlayın.
  • TabIndex özelliğini 0'dan daha yüksek bir değere ayarlamayın.

Ekran okuyucusu desteği

Power Apps'in ekran okuyucuyla kullanılmasına yönelik olarak desteklenen yazılım bileşimi önerileri aşağıda verilmiştir:

  • Windows : Microsoft Edge / Ekran okuyucu
  • macOS: Safari / VoiceOver
  • Android: Power Apps uygulaması / Talkback
  • iOS: Power Apps uygulaması / VoiceOver

Ekran okuyucu ile istenen deneyimin sunulması için şunlar önerilir:

  • Tüm giriş denetimlerinin AccessibleLabel özellik kümesine sahip olduğundan emin olun.
  • Görüntüler için AccessibleLabel özelliğini uygun bir açıklamaya ayarlayın.
    • Bir resim düğme veya bağlantı olarak kullanılmıyorsa (simge, burada yalnızca dekoratif amaçlı olarak yer alıyorsa) ve bu resmin ekran okuyucu tarafından okunmaması gerekiyorsa AccessibleLabel özelliğinin boş olduğundan ya da ayarlanmadığından emin olun.
    • Bir resim veya simge düğme olarak kullanılıyorsa TabIndex özelliğini 0’a, AccessibleLabel özelliğini ise bağlantı açıklamasına ayarlayın.

Türü ve yapıyı denetleme

Doğru denetimleri kullanma ve bunları gruplama, kullanıcıların uygulamanın yapısını anlamasına Okuyucu kullanıcılarına yardımcı olur.

Multimedya

Tüm videoların alt yazılı olduğundan ve tüm ses kayıtlarının dökümünün, kullanıcının kullanımına sunulduğundan emin olun. Video denetimi ClosedCaptionsUrl özelliği aracılığıyla WebVTT biçimindeki kapalı açıklamalı alt yazıları destekler.

Ekran okuyucu etkin olduğunda Zamanlayıcı, düğme metnini değil, ne kadar zaman geçtiğini duyurur. Zamanlayıcı düşük opaklık ile gizlenmiş olsa bile duyurular kapatılamaz.

İmzalarla çalışma

KalemGirişi denetimini kullanan bir imza alanınız varsa alternatif bir imza girişi yöntemini etkinleştirmeniz gerekir. Önerilen yöntem, kullanıcının adını yazabileceği bir MetinGirişi denetiminin gösterilmesidir. İmzalama yönergelerinin AccessibleLabel özelliğine yerleştirildiğinden ve denetimin, Kalem girişinin yakınına (sağına veya hemen altına) yerleştirildiğinden emin olun.

Sonraki adımlar

Erişilebilir bir uygulama yapısı

Ayrıca bkz.