Creare app canvas accessibili in Power Apps

Un'app canvas accessibile consentirà agli utenti con problemi di vista, udito o di altro tipo di usare efficacemente l'app. L'applicazione delle linee guida indicate sotto, oltre a essere un requisito per molti enti pubblici e organizzazioni, migliora l'usabilità per tutti gli utenti, indipendentemente dalle capacità.

Usa Verifica accessibilità per verificare la presenza di problemi di accessibilità potenziali nell'app.

Layout e colore

Grazie al buon senso e a una progettazione semplice, le app possono essere più accessibili per tutti gli utenti. Quando si eseguono personalizzazioni rilevanti sulle app, tieni in considerazione i suggerimenti seguenti. I temi delle Power Apps sono progettati per soddisfare gli standard di accessibilità.

  • Assicurati che tutti gli elementi siano chiaramente visibili e che le dimensioni del testo siano sufficienti. Tutto il contenuto deve essere facilmente leggibile e comprensibile a occhio nudo.
  • Evita di usare la proprietà di visibilità degli elementi per visualizzarli. Se è necessaria la visibilità condizionata per un elemento, crea il contenuto in una nuova schermata, accedi e torna indietro.
  • Assicurati che agli elementi di input sia assegnata un'etichetta nella schermata. La proprietà AccessibilityLabel definisce il testo annunciato dall'utilità per la lettura dello schermo.
  • Se si personalizzano i colori, assicurati che il contrasto di text:background sia 4,5:1 o superiore. Puoi usare strumenti software che agevolano questo processo.
  • Assicurati che il layout segua un flusso logico se letto dall'alto verso il basso e da sinistra a destra.

Supporto per la tastiera

Quando si testa l'accessibilità dell'app, assicurati che l'app possa essere usata solo con la tastiera e con le modalità di accessibilità in iOS e Android ed esplorata efficacemente con l'utilità per la lettura dello schermo abilitata.

Per la navigazione da tastiera (con o senza l'utilità per la lettura dello schermo) assicurati che venga seguito un ordine logico quando si usa il tasto TAB per passare ai campi di input impostando la proprietà TabIndex di ogni controllo:

  • Controlli etichetta, immagine, icona, forma: se rappresentano elementi interattivi (ad esempio, pulsanti) imposta TabIndex su 0. Se sono elementi decorativi o testo, imposta TabIndex su -1.
  • Evita di impostare l'indice di tabulazione su un valore superiore a zero.

Supporto lettore schermo

Le combinazioni di software seguenti sono le raccomandazioni supportate per l'utilizzo di Power Apps con un'utilità per la lettura dello schermo:

  • Windows: Microsoft Edge/Assistente vocale
  • macOS: Safari/VoiceOver
  • Android: app Power Apps/Talkback
  • iOS: app Power Apps/VoiceOver

Per garantire un'esperienza ottimale con l'utilità per la lettura dello schermo, è consigliabile:

  • Assicurarsi che tutti i controlli di input abbiano la proprietà AccessibilityLabel impostata.
  • Per le immagini, impostare AccessibilityLabel su una descrizione appropriata.
    • Se un'immagine non viene usata come pulsante o collegamento (ad esempio, un'icona con una funzione semplicemente decorativa) e non deve essere letta dall'utilità per la lettura dello schermo, verificare che AccessibilityLabel sia vuota o non impostata.
    • Se un'immagine o un'icona viene usata come pulsante, impostare TabIndex su 0 e AccessibilityLabel sulla descrizione del collegamento.

Contenuti multimediali

Assicurati che tutti i video abbiano i sottotitoli e che per l'utente sia disponibile una trascrizione di tutte le registrazioni audio. Il controllo Video supporta i sottotitoli codificati in formato WebVTT tramite la proprietà ClosedCaptionsUrl.

Tieni presente che con l'utilità per la lettura dello schermo abilitata, Timer non annuncia il testo del pulsante, ma quanto tempo è passato. Gli annunci possono essere disattivati, anche se il timer è nascosto con un'opacità bassa.

Uso delle firme

Se è presente un campo della firma che usa il controllo PenInput, devi abilitare un metodo alternativo di input della firma. È consigliabile visualizzare un controllo TextInput dove un utente può digitare il proprio nome. Assicurai che nella proprietà AccessibilityLabel vengano inserite le istruzioni per la firma e che il controllo venga posizionato vicino all'input penna, a destra o immediatamente sotto.

Argomenti correlati: