Tillgängliga färger för arbetsyteapp
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:
- Färg och Fyllning
- PressedColor och PressedFill
- HoverColor och HoverFill
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:
- FocusedBorderColor och färg utanför kontrollen
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:
- BorderColor och färg utanför kontrollen
- PressedBorderColor och färg utanför kontrollen
- HoverBorderColor och färg utanför kontrollen
Om det inte finns någon kantlinje bör det finnas tillräcklig färgkontrast mellan:
- Fill och färg utanför kontrollen
- PressedFill och färg utanför kontrollen
- HoverFill och färg utanför kontrollen
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