Share via

Erişilebilir tuval uygulamaları oluşturma

  • Makale

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.
  • 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.
  • Görme zorluğu olan kullanıcıların yakınlaşmasını ve uygulamasını ileri ve geriye kaydırarak kullanabilmesi için, yanıt veren bir uygulama oluşturun.

Klavye

Uygulamanızın erişilebilirliğini sınarken, uygulamanın ekran okuyucu ile birlikte veya olmadan yalnızca klavye tarafından kullanılmasını sağlayın.

Tab tuşu, mantıksal sırada etkileşimli öğelere gitmelidir. Bunu mantıksal bir uygulama yapısı ile ve her denetimin TabIndex özelliğini uygun şekilde ayarlayarak oluşturabilirsiniz.

  • Etiket, Görsel, Simge, Şekil denetimleri: TabIndex'i, bunların etkileşimli olması gerekiyorsa 0 olarak ayarlayın. Aksi takdirde, TabIndex'i -1 olarak ayarlayın.
  • TabIndex'i sıfırdan büyük olarak ayarlamayın.
  • Basitleştirilmiş sekme dizini uygulaması ayarının etkin olduğundan emin olun.

Ekran okuyucuları

Aşağıdaki ekran okuyucularının Power Apps ile çalıştığı doğrulanmamıştır:

  • JAWS: Microsoft Edge
  • Ekran Okuyucusu: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps mobile
  • VoiceOver: Power Apps Mobile, Safari (macOS, iOS, iPadOS)

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şi denetiminin 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.