Share via

Colors accessibles per a les aplicacions de llenç

  • Article

Els colors utilitzats en una aplicació del llenç han de ser accessibles per a usuarisis de visió reduïda i baixa. Tots els temes del Power Apps són accessibles per defecte. Quan modifiqueu els colors que s'utilitzen en una aplicació, seguiu aquestes pautes per assegurar-vos que continuen accessibles. Hi ha diverses eines disponibles en línia que poden ajudar-vos a identificar problemes de contrast de color.

Contrast mínim per al text

  • El text i el fons han de tenir una ràtio de contrast d'almenys 4,5:1
  • El text gran ha de tenir una ràtio de contrast de com a mínim 3:1
  • El text desactivat no té requisits de contrast

A nivell pràctic, tots els controls interactius han de tenir un contrast de color adequat entre:

Contrast mínim per a elements que no són text

  • Els components que no són de text, com ara les icones i les vores, han de tenir una relació de contrast d'almenys 3:1 amb els colors exteriors.
  • Els components inhabilitats i decoratius no tenen requisits de contrast.

Components de la interfície d'usuarisi

Tots els controls interactius han de tenir un contrast de color adequat entre:

Les comprovacions de contrast de color addicionals s'apliquen als controls on tota l'àrea és interactiva o informativa. Per exemple, un botó o una icona que s'utilitza com a botó. Això garanteix que els límits del control són evidents i que els usuarisis saben on poden fer clic o tocar.

Si hi ha una vora per a aquests controls, hauria d'haver-hi un contrast de color adient entre:

Si no hi ha vora, hauria d'haver-hi un contrast de color adient entre:

Objectes gràfics

Si una imatge transmet informació important, considereu la possibilitat de comprovar si té problemes de contrast. Això s'aplica als controls en què es pot mostrar una imatge: Àudio, Imatge, Micròfon i Vídeo.

Per al contingut de vídeo, considereu la possibilitat de comprovar si té problemes de contrast. O bé, a més, proporcioneu subtítols que descriguin el vídeo.

Proporcionar altres senyals visuals

Assegureu-vos que l'aplicació no transmet informació només amb el color. Per exemple, els usuarisis amb daltonisme dels colors vermell i verd no podran distingir un missatge d'error de color vermell d'un missatge correcte de color verd.

Alguns senyals addicionals, com ara una icona o estils de text, com ara la cursiva i el subratllat, poden ajudar a transmetre el significat.

Passos següents

Mostrar o amagar el contingut de les tecnologies d'assistència per a aplicacions del llenç

Consulteu també