Tilgængelige farver for lærredapps

  • Artikel

Farver, der bruges i en lærredapp, skal være tilgængelige for farveblinde brugere og brugere med nedsat syn. Alle Power Apps-temaer er som standard tilgængelige. Når du ændrer farver, der bruges i en app, skal du følge disse retningslinjer for at sikre, at de forbliver tilgængelige. Der er adskillige værktøjer online, du kan bruge til at identificere problemer med farvekontrast.

Mindste kontrast for tekst

  • Tekst og tekstens baggrund skal have et kontrastforhold på mindst 4,5:1
  • Store teksttyper skal have et kontrastforhold på mindst 3:1
  • Der er ingen krav om kontrast til deaktiveret tekst

Det betyder med andre ord, at alle interaktive kontrolelementer skal have en tilstrækkelig farvekontrast mellem:

Mindste kontrast for ikke-tekst

  • Ikke-tekstkomponenter, f.eks. ikoner og kanter, skal have en kontrast på mindst 3:1, hvis farverne ikke findes.
  • Der er ingen kontrastkrav for deaktiverede og dekorative komponenter.

Brugergrænseflades komponenter

Alle interaktive kontrolelementer skal have en tilstrækkelig farvekontrast mellem:

Yderligere kontrol af farvekontrast gælder for kontrolelementer, hvor hele området er interaktivt eller informativt. Det kan f.eks. være en Knap eller et Ikon, der bruges som en knap. Derved sikres, at grænserne for kontrolelementet er tydelige, og at brugerne ved, hvor de kan klikke eller trykke.

Hvis der er en kant omkring disse kontrolelementer, skal der være en tilstrækkelig farvekontrast mellem:

Hvis der ikke er en kant, skal der være en tilstrækkelig farvekontrast mellem:

  • Fill og farven uden for kontrolelementet
  • PressedFill og farven uden for kontrolelementet
  • HoverFill og farven uden for kontrolelementet

Grafiske objekter

Hvis et billede viser vigtige oplysninger, kan du overveje at kontrollere, om der er kontrastproblemer. Dette gælder for kontrolelementer, hvor der kan vises et billede: Lyd, Billede, Mikrofon og Video.

I forbindelse med videoindhold skal du overveje at kontrollere, om der er kontrastproblemer. Alternativt eller derudover kan du angive billedtekster, der beskriver videoen.

Angiv andre visuelle effekter

Kontrollér, at appen ikke kun viser oplysninger i farve. Brugere, der f.eks. er rød/grøn-farveblinde, kan ikke skelne mellem en rød fejlmeddelelse og en grøn meddelelse om en fuldført handling.

Ekstra elementer, f.eks. et Ikon, eller tekstformater som Kursiv og Understregning kan hjælpe med at vise betydningen.

Næste trin

Vise eller skjule indhold fra hjælpeteknologier for lærredapps | Microsoft Docs

Se også