Colori accessibili per le app canvas in Power Apps

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

Nota

Secondo lo standard WCAG 2.0, i requisiti per il contrasto si applicano solo al testo. Per una maggiore accessibilità, prendi in considerazione le prossime linee guida per il contrasto WCAG 2.1 per componenti essenziali dell'interfaccia utente, come i pulsanti delle icone. Per questi componenti è consigliato un rapporto minimo di 3:1. Le linee guida descritte in questa sezione sono facoltative per la conformità a WCAG 2.0.

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 Button o Icon 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, Image, Microphone 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

Leggi le informazioni sulle proprietà di accessibilità dei controlli di Power Apps e prova a usare il componente di controllo dell'accessibilità.