Freigeben über

Zugängliche Farben für Canvas-Apps

  • Artikel

In einer App sollten nur Farben verwendet werden, die für barrierefreien Zugriff für farbenblinde und sehbehinderte Benutzer geeignet sind. Alle Power Apps Designs sind standardmäßig barrierefrei. Beachten Sie diese Richtlinien, wenn Sie die in einer App verwendeten Farben ändern, um weiterhin Barrierefreiheit sicherzustellen. Online stehen mehrere Tools zur Verfügung, die Sie beim Bestimmen von Farbkontrasten unterstützen können.

Minimaler Kontrast bei Text

  • Text und Hintergrund müssen zumindest ein Kontrastverhältnis von 4.5:1 aufweisen
  • Großer Text muss zumindest ein Kontrastverhältnis von 3:1 aufweisen
  • Für deaktivierten Text bestehen keine Kontrastanforderungen

Praktisch müssen alle interaktiven Steuerelemente einen ausreichenden Farbkontrast aufweisen zwischen:

Minimaler Kontrast bei Nichttextinhalten

  • Nicht-Textkomponenten wie Symbole und Rahmen müssen ein Kontrastverhältnis von mindestens 3:1 zu den Farben außerhalb davon aufweisen.
  • Deaktivierte und dekorative Komponenten haben keine Kontrastanforderungen.

Benutzerschnittstellenkomponenten

Alle interaktiven Steuerelemente müssen einen ausreichenden Farbkontrast aufweisen zwischen:

Zusätzliche Überprüfungen des Farbkontrasts sind für Steuerelemente erforderlich, wo der gesamte Bereich interaktiv oder informativ ist. Beispiel: eine Schaltfläche oder ein als Schaltfläche verwendetes Symbol. So wird sichergestellt, dass die Grenzen des Steuerelements deutlich sind, und Benutzer wissen, wo sie klicken oder tippen können.

Wenn ein solches Steuerelement einen Rahmen hat, sollte der Farbkontrast ausreichend sein zwischen:

Wenn kein Rahmen vorhanden ist, sollte der Farbkontrast ausreichend sein zwischen:

  • Fill und der Farbe außerhalb des Steuerelements
  • PressedFill und der Farbe außerhalb des Steuerelements
  • HoverFill und der Farbe außerhalb des Steuerelements

Grafikobjekte

Wenn ein Bild wichtige Informationen vermittelt, achten Sie besonders auf etwaige Kontrastprobleme. Dies gilt für Steuerelemente, in denen ein Bild angezeigt werden kann: Audio, Bild, Mikrofon und Video.

Überprüfen Sie Videoinhalte auf Kontrastprobleme. Stellen Sie alternativ oder darüber hinaus Untertitel bereit, die das Video beschreiben.

Bereitstellen anderer visueller Hinweise

Stellen Sie sicher, dass die App keine Informationen einfach nur über Farbe vermittelt. Rotgrün farbenblinde Benutzer können beispielsweise keine rote Fehlermeldung von einer grünen Erfolgsmeldung unterscheiden.

Zusätzliche Hinweise wie ein Symbol oder Textformate wie Kursiv und Unterstrichen können helfen, Bedeutungen zu vermitteln.

Nächste Schritte

Ein- oder Ausblenden von Inhalten aus unterstützenden Technologien in Canvas-Apps

Siehe auch