Limitazioni di accessibilità in app canvas
Puoi progettare e creare app canvas accessibili con i controlli integrati. A volte, la combinazione del design dell'app, dell'uso di vari controlli e delle proprietà dei controlli configurati restituisce un'app con un'interfaccia utente inaccessibile.
In questo articolo, imparerai a conoscere questi limiti di accessibilità nelle app canvas e come puoi migliorare l'interfaccia dell'app per renderla più accessibile.
Finestre di dialogo e sovrapposizioni
Le finestre di dialogo e le interfacce utente che appaiono sopra altri contenuti non sono supportate. Queste sovrapposizioni richiedono la gestione dello stato attivo, il contenuto nascosto in background dagli screen reader e i ruoli di controllo appropriati.
Tenere presente quanto segue:
- Utilizza schermate separate per ogni "finestra di dialogo".
- Usa la funzione Notifica .
- Crea un componente di codice che implementi una finestra di dialogo accessibile.
Interfacce a schede
Un'interfaccia a schede è composta da un elenco di schede e un pannello che mostra il contenuto associato alla scheda selezionata.
L'unico controllo integrato che supporta interfacce a schede è l'Elenco schede. Evita di utilizzare Raccolte per creare schede. L'elenco delle schede dovrebbe essere navigabile con i tasti freccia. Sono necessari ruoli e stati di controllo appropriati.
Tenere presente quanto segue:
- Usa l'Elenco schede incorporato.
- Crea un componente di codice che implementi un'interfaccia a schede accessibile.
Tabelle personalizzate
L'unico controllo integrato che supporta dati bidimensionali è la Tabella dati. Evita di utilizzare le Raccolte per presentare i dati in righe e colonne. Righe e colonne devono essere annotate in modo che gli utenti dell'utilità per la lettura dello schermo possano comprenderne la struttura e navigare nelle celle.
Tenere presente quanto segue:
- Usa la Tabella dati incorporata.
- Presenta i dati in una sola direzione con una Raccolta.
- Crea un componente di codice che implementi una tabella accessibile.
Caselle combinate personalizzate
È possibile emulare una casella combinata combinando un Input di testo e una Raccolta. Tuttavia, le caselle combinate assemblate dai controlli incorporati non sono accessibili. Le caselle combinate devono gestire i tasti freccia e impostare ruoli e stati appropriati sui suoi componenti.
Tenere presente quanto segue:
- Usa la Casella combinata o l'Elenco a discesa incorporato.
- Crea un componente di codice che implementi una casella combinata accessibile.
Contenuto scorrevole
Gli utenti della tastiera non possono scorrere Moduli, Schermate scorrevoli e Contenitori se non contengono i controlli interattivi.
Per le Raccolte senza contenuto interattivo, puoi impostare TabIndex sulla Raccolta stessa in modo che gli utenti della tastiera possano attivarlo e utilizzare i tasti freccia per scorrerlo.
Per le Etichette, l'impostazione TabIndex li renderà attivabili per lo scorrimento da tastiera. Tuttavia, li trasforma in pulsanti. Non rendere le etichette scorrevoli se non sono pensate per essere pulsanti. Assicurati che l'etichetta sia abbastanza grande da contenere il testo. La proprietà AutoHeight può essere utilizzata per regolare automaticamente le dimensioni del controllo quando si trova all'interno di un Modulo, uno Schermo scorrevole o una Raccolta.
Sezioni espandibili
Le sezioni espandibili, note anche come divulgazioni, contengono contenuti nascosti fino a quando l'utente non preme un pulsante. Non esiste un supporto integrato per questi elementi, ma esiste una soluzione alternativa.
Menziona lo stato espanso in AccessibleLabel del pulsante. Ad esempio, "Mostra altri dettagli. Compresso.".
Aggiorna AccessibleLabel quando lo stato espanso cambia. Posiziona il contenuto espanso immediatamente dopo il pulsante in modo che gli utenti dell'utilità per la lettura dello schermo possano accedervi logicamente. Sposta gli altri contenuti verso il basso quando la sezione si espande.
Punti di riferimento
Puoi creare le intestazioni con i controlli Etichetta. Navigazione, banner e altri punti di riferimento non sono supportati. Power Apps imposta automaticamente il punto di riferimento principale nella schermata dell'app.
Per altri punti di riferimento, utilizza un'intestazione come soluzione alternativa.
Ruoli e stati personalizzati
Non è disponibile alcun supporto integrato per ruoli e stati personalizzati. Pertanto, non è consigliabile creare caselle di controllo, cursori e interruttori compositi dai controlli incorporati.
Tenere presente quanto segue:
- Indica il ruolo e lo stato del controllo in AccessibleLabel. Ad esempio, se un'Icona è usata come casella di controllo, la relativa etichetta potrebbe essere "Abilita notifiche. Casella di controllo. Selezionata.".
- Crea un componente di codice che imposta i ruoli e gli stati WAI-ARIA come appropriato.
Gestione della tastiera personalizzata
Non è possibile reagire alla pressione di tasti specifici. Ad esempio, non puoi avere un comportamento personalizzato per i tasti freccia o il tasto Esc. Pertanto, non è possibile comporre controlli simili a elenchi come pulsanti di opzione dai controlli incorporati. Né puoi creare sovrapposizioni che possono essere eliminate con il tasto Esc.
La gestione del tasto Invio o Spazio è supportata con OnSelect. Tuttavia, questa proprietà viene attivata anche da altri metodi di input come i clic del mouse. Non è possibile distinguere l'origine dell'evento.
Gestione dello stato attivo
La funzione SetFocus può essere usata per cambiare lo stato attivo, ma funziona solo in scenari limitati.
Non è possibile rilevare quando i controlli ricevono o perdono lo stato attivo.
Nascondere i contenuti solo per gli utenti dell'utilità per la lettura dello schermo
Non c'è un aria-hidden equivale per mostrare il contenuto a utenti specifici ma a nasconderlo agli utenti dell'utilità per la lettura dello schermo. Solo alcuni scenari sono supportati.