Delen via

Toegankelijke kleuren voor canvas-apps

  • Artikel

Kleuren die worden gebruikt in een canvas-app moeten toegankelijk zijn voor gebruikers die kleurenblind zijn of een beperkt gezichtsvermogen hebben. Alle Power Apps-thema's zijn standaard toegankelijk. Volg wanneer u kleuren wijzigt die in een app worden gebruikt deze richtlijnen om ervoor te zorgen dat ze toegankelijk blijven. Er zijn online verschillende hulpprogramma's beschikbaar, waarmee u problemen met het kleurcontrast kunt vaststellen.

Minimumcontrast voor tekst

  • Tekst en de achtergrond moeten een contrastverhouding hebben van minimaal 4,5:1
  • Grote tekst moet een contrastverhouding hebben van minimaal 3:1
  • Voor uitgeschakelde tekst zijn er geen contrastvereisten

In de praktijk moeten alle interactieve besturingselementen voldoende kleurcontrast hebben tussen:

Minimumcontrast voor niet-tekst

  • Niet-tekstonderdelen, zoals pictogrammen en randen, moeten een contrastverhouding van ten minste 3:1 hebben met de kleuren buiten deze onderdelen.
  • Uitgeschakelde en decoratieve onderdelen hebben geen contrastvereisten.

Gebruikersinterfaceonderelen

Alle interactieve besturingselementen moeten voldoende kleurcontrast hebben tussen:

Voor besturingselementen waarbij het gehele gebied interactief of informatief is, gelden aanvullende kleurcontrastcontroles. Bijvoorbeeld een knop of een pictogram dat als een knop wordt gebruikt. Dit zorgt ervoor dat de grenzen van het besturingselement duidelijk zijn en dat gebruikers weten waarop ze kunnen klikken of tikken.

Als dergelijke besturingselementen een rand hebben, moet er voldoende kleurcontrast zijn tussen:

Als er geen rand is, moet er voldoende kleurcontrast zijn tussen:

  • Fill en de kleur buiten het besturingselement
  • PressedFill en de kleur buiten het besturingselement
  • HoverFill en de kleur buiten het besturingselement

Grafische objecten

Als een afbeelding belangrijke informatie geeft, kunt u overwegen deze te controleren op contrastproblemen. Dit geldt voor besturingselementen waarbij een afbeelding kan worden weergegeven: Audio, Afbeelding, Microfoon en Video.

Voor video-inhoud, kunt u overwegen deze te controleren op contrastproblemen. U kunt ook ondertiteling verstrekken die de video beschrijft.

Andere visuele aanwijzingen geven

Zorg ervoor dat de app geen informatie geeft met alleen kleur. Gebruikers die kleurenblind zijn voor rood/groen kunnen bijvoorbeeld een rood foutbericht niet onderscheiden van een groen succesbericht.

Extra hints, zoals een pictogram of tekststijlen, zoals cursief en onderstreping, kunnen helpen om de betekenis over te brengen.

Volgende stappen

Inhoud van ondersteunende technologieën in canvas-apps weergeven of verbergen

Zie ook