PowerApps’teki tuval uygulamalarının erişilebilir renkleriAccessible colors for canvas apps in PowerApps

Bir tuval uygulamasında kullanılan renkler, renk körü veya görme zorluğu olan kullanıcılar tarafından erişilebilir olmalıdır.Colors used in a canvas app should be accessible to color-blind and low-vision users. Tüm PowerApps temaları varsayılan olarak erişilebilir durumdadır.All PowerApps themes are accessible by default. Bir uygulamada renkleri değiştirirken, erişilebilir kalmaları için şu yönergeleri izleyin:When modifying colors used in an app, follow these guidelines to ensure that they remain accessible. Renk karşıtlığı sorunlarını belirlemenize yardımcı olabilecek çeşitli çevrimiçi araçlar vardır.There are several tools available online which can help you identify color contrast issues.

Metin için en düşük seviyede karşıtlıkMinimum contrast for text

  • Metnin ve arka planının en az 4.5:1 değerinde bir karşıtlık oranı olmalıdır.Text and its background must have a contrast ratio of at least 4.5:1
  • Büyük metinlerin en az 3:1 değerinde bir karşıtlık oranı olmalıdır.Large text must have a contrast ratio of at least 3:1
  • Devre dışı bırakılmış metinlerin karşıtlık gereksinimleri yokturDisabled text has no contrast requirements

Pratik anlamda, tüm etkileşimli denetimlerin şunlar arasında yeterli düzeyde renk karşıtlığı olması gerekir:In practical terms, all interactive controls must have adequate color contrast between:

Metin olmayan öğeler için en düşük seviyede karşıtlıkMinimum contrast for non-text

Not

WCAG 2.0 standardında, karşıtlık gereksinimleri yalnızca metinler için geçerlidir.In the WCAG 2.0 standard, contrast requirements only applies to text. Daha büyük düzeyde erişilebilirlik için, simge düğmeleri gibi temel kullanıcı arabirimi bileşenlerine yönelik olarak yakında gelecek olan WCAG 2.1 karşıtlık yönergeleri’ni göz önünde bulundurun.For greater accessibility, consider the upcoming WCAG 2.1 contrast guidelines for essential user interface components like icon buttons. Bu bileşenler için en az 3:1 değerinde bir oran önerilir.A minimum ratio of 3:1 is recommended for these components. Bu bölümde açıklanan yönergelerdir isteğe bağlı WCAG 2.0 uyumluluğu için.The guidelines described in this section are optional for WCAG 2.0 compliance.

Kullanıcı arabirimi bileşenleriUser interface components

Tüm etkileşimli denetimlerin şunlar arasında yeterli düzeyde renk karşıtlığı olması gerekir:All interactive controls must have adequate color contrast between:

Ek renk karşıtlığı denetimleri, tüm alanın etkileşimli veya bilgilendirici olduğu denetimler için geçerlidir.Additional color contrast checks apply for controls where the entire area is interactive or informative. Örneğin, bir Düğme veya düğme olarak kullanılan bir Simge.For example, a Button or an Icon used as a button. Bu, denetimin sınırlarını netleştirir ve böylece kullanıcılar nereye tıklayabileceklerini veya dokunabileceklerini bilmiş olurlar.This ensures that the boundaries of the control are clear and users know where they can click or tap.

Bu tür denetimler için bir sınır varsa, şunlar arasında yeterli düzeyde bir renk karşıtlığı olmalıdır:If there is a border for such controls, there should be adequate color contrast between:

Sınır yok ise, şunlar arasında yeterli düzeyde bir renk karşıtlığı olmalıdır:If there is no border, there should be adequate color contrast between:

  • Fill ve denetimin dışında kalan renkFill and color outside the control
  • PressedFill ve denetimin dışında kalan renkPressedFill and color outside the control
  • HoverFill ve denetimin dışında kalan renkHoverFill and color outside the control

Grafik nesneleriGraphical objects

Resim önemli bilgiler sağlıyorsa, karşıtlık sorunları için denetlemeyi düşünün.If an image conveys important information, consider checking it for contrast issues. Bu, burada bir görüntü gösterilen denetimleri için geçerlidir: Ses, görüntü, mikrofon, ve Video.This applies to controls where an image can be shown: Audio, Image, Microphone, and Video.

Video içeriğinde karşıtlık sorunları olup olmadığını denetlemeyi düşünün.For video content, consider checking it for contrast issues. Alternatif olarak veya bununla birlikte, videoyu açıklayan kapalı açıklamalı altyazılar sağlayın.Alternatively or additionally, provide closed captions that describe the video.

Diğer görsel ipuçlarını sağlamaProvide other visual cues

Uygulamanın bilgileri yalnızca renk ile sağlamadığından emin olun.Ensure that the app does not convey information with just color. Örneğin, kırmızı-yeşil renk körlüğü olan kullanıcılar, kırmızı bir hata iletisini yeşil bir başarı iletisinden ayırt edemezler.For example, users with red-green color blindness will not be able to distinguish a red error message from a green success message.

Simge gibi ek ipuçları veya İtalik ve Altı çizili gibi metin stilleri içeriklerin anlamını kullanıcıya iletmede yardımcı olur.Additional cues like an Icon or text styles like Italic and Underline can help convey meaning.

Sonraki adımlarNext steps

PowerApps denetimlerindeki erişilebilirlik özellikleri hakkında daha fazla bilgi edinin ve Erişilebilirlik denetleyicisini kullanmayı deneyin.Learn about accessibility properties in PowerApps controls and try using the Accessibility checker.