Colori accessibili per le app canvas

  • Articolo

I colori usati in un'app canvas devono essere accessibili agli utenti ipovedenti o con problemi di vista. Tutti i temi di Power Apps sono accessibili per impostazione predefinita. Quando si modificano i colori usati in un'app, segui queste linee guida per assicurarti che rimangano accessibili. Sono disponibili diversi strumenti online che agevolano l'identificazione dei problemi di contrasto dei colori.

Contrato minimo per il testo

  • Il testo e il relativo sfondo devono avere un contrasto minimo di 4.5:1
  • Il testo di grandi dimensioni deve avere un contrasto almeno pari a 3:1
  • Per il testo disabilitato non sono previsti requisiti per il contrasto

In pratica, tutti i controlli interattivi devono avere un contrasto dei colori appropriato tra:

Contrato minimo per gli elementi non testuali

  • I componenti non testuali, come icone e bordi, devono avere un rapporto di contrasto di almeno 3:1 con i colori al di fuori degli stessi.
  • I componenti disabilitati e decorativi non hanno requisiti di contrasto.

Componenti dell'interfaccia utente

Tutti i controlli interattivi devono avere un contrasto dei colori appropriato tra:

Sono applicabili ulteriori verifiche del contrasto dei colori per i controlli in cui l'intera area è interattiva o informativa. Ad esempio, un controllo Pulsante o Icona usato come pulsante. Ciò garantisce che siano chiari i limiti del controllo e gli utenti sappiano dove possono fare clic o toccare.

Se è presente un bordo per tali controlli, dovrebbe esistere un contrasto dei colori appropriato tra:

In assenza di un bordo, dovrebbe esistere un contrasto dei colori appropriato tra:

  • Fill e il colore all'esterno del controllo
  • PressedFill e il colore all'esterno del controllo
  • HoverFill e il colore all'esterno del controllo

Oggetti grafici

Se un'immagine fornisce informazioni importanti, ti consigliamo di verificare se presenta problemi di contrasto. Ciò si applica ai controlli in cui può essere visualizzata un'immagine: Audio, Immagine, Microfono e Video.

Per il contenuto video, ti consigliamo di verificare la presenza di problemi di contrasto. In alternativa o in aggiunta, fornisci sottotitoli che descrivono il video.

Fornire altri indicatori visivi

Verifica che l'app non trasmetta informazioni solo con il colore. Ad esempio, gli utenti daltonici non saranno in grado di distinguere un messaggio di errore rosso da un messaggio di conferma verde.

Elementi visivi aggiuntivi come un'icona o stili del testo come corsivo e sottolineato possono essere utili per trasmettere il significato.

Passaggi successivi

Mostrare o nascondere i contenuti dalle tecnologie assistive per le app canvas

Vedi anche