Tillgängliga färger för arbetsyteapp

  • Artikel

Färger som används i en arbetsyteapp måste vara urskiljbara för användare som är färgblinda eller har nedsatt syn. Alla Power Apps-teman är tillgängliga som standard. Följ dessa riktlinjer när du ändrar färger som används i en app, så att du säkerställer att de förblir tillgängliga. Det finns flera verktyg som är tillgängliga online och som kan hjälpa dig att identifiera problem med färgkontraster.

Minsta kontrast för text

  • Texten och dess bakgrund måste ha ett kontrastförhållande på minst 4,5:1
  • Stor text måste ha ett kontrastförhållande på minst 3:1
  • Det finns inga kontrastkrav för inaktiverad text

I praktiken måste alla interaktiva kontroller ha adekvat färgkontrast mellan:

Minsta kontrast för icke-text

  • Komponenter som inte är textkomponenter, t. ex. ikoner och ramar, måste ha en kontrastfaktor på minst 3 till 1 med färgerna utanför.
  • Inaktiverade och dekorativa komponenter har inga kontrastkrav.

Användargränssnittskomponenter

Alla interaktiva kontroller måste ha adekvat färgkontrast mellan:

Ytterligare färgkontrastkontroller tillämpas för kontroller där hela området är interaktivt eller informativt. En Knapp eller Ikon används som en knapp. Detta säkerställer att kontrollens gränser är tydliga och användarna vet var de kan klicka eller trycka.

Om det finns en kantlinje för dessa kontroller bör det finnas tillräcklig färgkontrast mellan:

Om det inte finns någon kantlinje bör det finnas tillräcklig färgkontrast mellan:

Grafiska objekt

Om en bild förmedlar viktig information bör du kontrollera den med avseende på kontrastproblem. Detta gäller för kontroller som kan visa bilder: Ljud, Bild, Mikrofon och Video.

Du bör kontrollera videoinnehåll med avseende på kontrastproblem. Alternativt eller utöver detta kan du tillhandahålla closed captions som beskriver videon.

Tillhandahåll andra visuella tips

Se till att appen inte förmedlar information enbart med färg. Användare med röd-grön färgblindhet kan t.ex. inte skilja ett rött varningsmeddelande från ett grönt OK-meddelande.

Ytterligare hjälpmedel kan vara Ikon eller textformat som Italic och Underline vilka hjälper dig att förmedla betydelse.

Nästa steg

Visa eller dölj innehåll från hjälpmedelstekniker för arbetsyteappar

Se även