Condividi tramite

Creare app canvas accessibili

  • Articolo

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.
  • Assicurati che agli elementi di input sia assegnata un'etichetta nella schermata. La proprietà AccessibleLabel definisce il testo annunciato dall'utilità per la lettura dello schermo.
  • Se si personalizzano i colori, assicurati che il rapporto di contrasto del testo rispetto allo sfondo 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.
  • Creare un'app reattiva in modo che gli utenti ipovedenti possano ingrandire e utilizzarla senza scorrere avanti e indietro.

Tastiera

Durante il test dell'accessibilità dell'app, assicurati che l'app possa essere utilizzata solo dalla tastiera, con o senza uno schermo Lettore.

Il tasto TAB dovrebbe consentire l'accesso agli elementi interattivi in un ordine logico. Puoi crearlo con una struttura logica dell'app e impostando la proprietà TabIndex di ogni controllo di conseguenza.

  • Controlli Etichetta, Immagine, Icona, Forma : imposta TabIndex su 0 se sono pensati per essere interattivi. In caso contrario, imposta su TabIndex su -1.
  • Non impostare TabIndex maggiore di zero.
  • Verifica che l'impostazione dell'app Indice delle schede semplificato sia abilitata.

Utilità per la lettura dello schermo

È stato verificato il funzionamento delle seguenti utilità per la lettura dello schermo con Power Apps:

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

  • Assicurarsi che tutti i controlli di input abbiano la proprietà AccessibleLabel impostata.
  • Per le immagini, impostare AccessibleLabel 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 AccessibleLabel sia vuota o non impostata.
    • Se un'immagine o un'icona viene usata come pulsante, impostare TabIndex su 0 e AccessibleLabel sulla descrizione del collegamento.

Tipo di controllo e struttura

Usa i controlli a destra e raggruppali per aiutare gli utenti dell'utilità per la lettura dello schermo a comprendere la struttura dell'app.

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à URL sottotitoli.

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. Assicurati che nella proprietà AccessibleLabel vengano inserite le istruzioni per la firma e che il controllo venga posizionato vicino all'input penna, a destra o immediatamente sotto.

Passaggi successivi

Struttura dell'app accessibile

Vedi anche