Freigeben über

Barrierefreie Farben für Canvas-Apps

Farben, die in einer Canvas-App verwendet werden, sollten für Farbenblinde und Sehbehinderte benutzer zugänglich sein. Alle Power Apps-Designs sind standardmäßig barrierefrei. Wenn Sie Farben ändern, die in einer App verwendet werden, befolgen Sie diese Richtlinien, um sicherzustellen, dass sie barrierefrei bleiben. Online stehen mehrere Tools zur Verfügung, mit denen Sie Farbkontrastprobleme erkennen können.

Minimaler Kontrast für Text

  • Text und Hintergrund müssen ein Kontrastverhältnis von mindestens 4,5:1 aufweisen.
  • Großer Text muss ein Kontrastverhältnis von mindestens 3:1 aufweisen.
  • Deaktivierter Text hat keine Kontrastanforderungen.

In der Praxis müssen alle interaktiven Steuerelemente über einen angemessenen Farbkontrast verfügen zwischen:

Minimaler Kontrast für Nicht-Text

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

Benutzeroberflächenkomponenten

Alle interaktiven Steuerelemente müssen über einen angemessenen Farbkontrast verfügen zwischen:

Zusätzliche Farbkontrastprüfungen gelten für Steuerelemente, bei denen der gesamte Bereich interaktiv oder informativ ist. Beispielsweise eine Schaltfläche oder ein Symbol , das als Schaltfläche verwendet wird. Dadurch wird sichergestellt, dass die Grenzen des Steuerelements klar sind und benutzer wissen, wo sie klicken oder tippen können.

Wenn für solche Steuerelemente ein Rahmen vorhanden ist, sollte ein ausreichender Farbkontrast zwischen folgenden Steuerelementen vorhanden sein:

Wenn kein Rahmen vorhanden ist, sollte ein ausreichender Farbkontrast zwischen den Elementen bestehen.

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

Grafische Objekte

Wenn ein Bild wichtige Informationen vermittelt, sollten Sie es auf Kontrastprobleme überprüfen. Dies gilt für Steuerelemente, bei denen ein Bild angezeigt werden kann: Audio, Bild, Mikrofon und Video.

Bei Videoinhalten sollten Sie dies auf Kontrastprobleme überprüfen. Alternativ können Sie auch Untertitel bereitstellen, die das Video beschreiben.

Bereitstellen anderer visueller Hinweise

Stellen Sie sicher, dass die App keine Informationen nur mit Farbe vermittelt. Beispielsweise können Benutzer mit Rot-Grün-Farbenblindheit keine rote Fehlermeldung von einer grünen Erfolgsmeldung unterscheiden.

Zusätzliche Hinweise wie ein Icon oder Textstile wie Kursiv und Unterstrichen können Bedeutung vermitteln.

Nächste Schritte

Ein- oder Ausblenden von Inhalten aus Hilfstechnologien für Canvas-Apps

Siehe auch

  • Last updated on