Show Menu
ARGOMENTI×

Creazione di moduli adattivi con accesso facilitato

Introduzione

Un modulo con accesso facilitato è un modulo utilizzabile da tutti, compresi gli utenti con esigenze particolari. I moduli adattivi includono una serie di funzioni e funzionalità che migliorano l'usabilità per gli utenti con capacità diverse. La creazione dell'accessibilità nei moduli adattivi non solo consente al pubblico di accedere al contenuto nel modo più ampio possibile, ma anche quando si forniscono documenti in aree geografiche in cui è richiesta la conformità agli standard di accessibilità. AEM Forms supporta gli sviluppatori di moduli nel rispetto degli standard di accessibilità.
Durante la creazione di un modulo adattivo, per creare un modulo adattivo con accesso facilitato l’autore deve tenere conto dei seguenti punti:
  • Verificare il modulo con lo strumento di verifica dell'accessibilità di Ispettore nome e descrizione accessibile (ANDI)
  • Fornire etichette corrette per i controlli modulo
  • Specifica equivalenti di testo per le immagini
  • Fornire un contrasto di colore sufficiente
  • Verificare che i controlli modulo siano accessibili tramite tastiera

Prerequisito

Per creare un modulo adattivo con accesso facilitato è necessario disporre di uno strumento di accesso facilitato, ad esempio AnDI (Accessible Name and Description Inspector) , nonché di un tema Modulo adattivo sviluppato per risolvere problemi di accessibilità.

Download e installazione dello strumento di test dell'accessibilità

Lo strumento Andi (Accessible Name and Description Inspector) consente di identificare e risolvere i problemi di conformità relativi all’accessibilità nel contenuto Web. È lo strumento consigliato in Trusted Tester v5 linee guida del Dipartimento della Sicurezza Interna. È stato sviluppato dal Dipartimento di Sicurezza Sociale ​ Stati Uniti per verificare la conformità Sezione 508 dei contenuti web. Lo strumento:
  • Consente di rilevare ​ problemi di accessibilità in una pagina Web
  • Fornisce suggerimenti per migliorare l'accessibilità ​
  • Rileva problemi di accessibilità e contrasto dei colori della tastiera
  • Identifica chiaramente il contenuto dell'assistente vocale in conformità agli standard
ANDI funziona con tutti i principali browser Internet. Consulta la documentazione di ANDI per istruzioni dettagliate su come configurare e utilizzare lo strumento.

Scaricare e installare il tema Ultramarine-Accessible

Il tema Ultramarine-Accessible è un tema di riferimento. Questo documento illustra come correggere il contrasto del colore e altri problemi di accessibilità in un modulo adattivo. Adobe consiglia di creare un tema personalizzato per l'ambiente di produzione in base agli stili approvati dall'organizzazione. Per caricare il tema nell’istanza di AEM, effettuate le seguenti operazioni:
  1. Scaricate il pacchetto di temi.
  2. Passa a Experience Manager > Navigazione > Moduli nell’istanza di AEM.
  3. Toccate Crea > Caricamento file. Selezionate e caricate il file x Ultramarine-Accessible-Theme.zip. Il tema viene caricato nell’istanza di AEM.

Rendere un modulo adattivo accessibile

È necessario concentrarsi su quattro aspetti chiave: navigazione tramite tastiera, contrasto del colore, testo alternativo significativo per le immagini ed etichette appropriate per i controlli dei moduli per rendere accessibile un modulo adattivo. Per rendere accessibili i moduli adattivi esistenti, effettuate le seguenti operazioni:

1. Applicazione di un tema accessibile ed esecuzione di correzioni aggiuntive

Applicate il tema Accessibile da Ultramarine al modulo adattivo esistente. Per applicare il tema:
  1. Aprire il modulo adattivo per la modifica.
  2. Selezionate un componente e toccate l’icona principale. Nel menu di scelta rapida, toccate Contenitore modulo adattivo, quindi toccate l'icona di configurazione.
  3. Selezionate il tema Ultramarine-Accessible nel browser delle proprietà e toccate l'icona Salva .
  4. Aggiorna la finestra del browser. Il tema viene applicato al modulo adattivo.
Dopo aver applicato un tema accessibile, eseguite le seguenti correzioni aggiuntive elencate. I problemi risolti sono in aggiunta ai problemi di accessibilità risolti nel tema accessibile:
  1. Aggiungete un testo alternativo significativo per l'immagine del logo nel modulo adattivo.
    Fornire un testo alternativo significativo per le immagini nei componenti di intestazione e piè di pagina del modello di modulo adattivo. Quando si fissa il modello e lo si utilizza per creare un modulo adattivo, i moduli adattivi ereditano tutte le correzioni relative all'accessibilità applicate all'intestazione e al piè di pagina del modello. Per un modulo adattivo esistente, apportare modifiche a livello di modulo adattivo. Le modifiche apportate a un modello di modulo adattivo non passano automaticamente a un modulo adattivo esistente.
  2. Aggiungete al modulo adattivo un componente di intestazione contenente il nome del modulo. Se la struttura del modulo specifica il nome di una società, aggiungere anche un componente di intestazione separato per il nome della società.
    La maggior parte degli strumenti di accessibilità informa gli utenti della gerarchia dei contenuti per aiutarli a comprendere la struttura della pagina Web. Impostare livelli di intestazione diversi per il nome dell’organizzazione e il testo del nome del modulo nel modulo adattivo, in modo da fornire una struttura gerarchica a tale testo. Inoltre, usate un componente Testo prima di ciascun pannello e sezione con un livello di intestazione appropriato per creare una gerarchia.
  3. Modificare il colore di sfondo del piè di pagina per utilizzare il contrasto appropriato in conformità agli standard di accessibilità per migliorare la visibilità e la leggibilità del testo. È possibile utilizzare ANDI per individuare problemi di contrasto dei colori nel modulo. Inoltre, non utilizzate caratteri molto piccoli. I font piccoli sono difficili da leggere.
  4. Sostituite i componenti switch e immagine selezionati nel modulo adattivo esistente con il componente selezionato (radio).
  5. Sostituite il componente stepper numerico nel modulo adattivo esistente con un componente casella numerica.
  6. Sostituire il campo di immissione data con il campo di selezione data.
  7. Impostare pattern di visualizzazione, convalida e modifica per il componente di selezione della data. Inoltre, impostare un messaggio di errore di convalida personalizzato. Ad esempio, hai specificato una data non valida. Il formato corretto della data è AAAA-MM-GG.
  8. Imposta testo di accessibilità personalizzato per il componente del selettore data. Ad esempio, Immettete la data di nascita. Gli assistenti vocali leggono questi testi di accessibilità personalizzati.
  9. Per i componenti per moduli adattivi, utilizzate una descrizione breve invece di una descrizione lunga. Una lunga descrizione aggiunge il pulsante della guida. Verificare che nel modulo adattivo non sia presente alcun pulsante di Aiuto.
  10. Aggiungere testo di accessibilità personalizzato a tutte le celle di sola lettura delle tabelle. Inoltre, disabilitare tutte le celle di sola lettura delle tabelle.
  11. Rimuovere eventuali campi firma script nel modulo adattivo. Configura il modulo adattivo per utilizzare Adobe Sign per un'esperienza di firma digitale senza soluzione di continuità.

2. Fornire etichette corrette per i controlli modulo

L’etichetta o il titolo di un componente identifica il contenuto rappresentato dal componente modulo. Ad esempio, il testo "Nome" indica agli utenti che devono immettere il proprio nome in un campo di testo. Per essere accessibile dagli assistenti vocali, l'etichetta è associata a un componente modulo a livello di programmazione. In alternativa, il controllo modulo è configurato con ulteriori informazioni di accesso facilitato.
L'etichetta percepita dagli assistenti vocali non deve necessariamente corrispondere alla didascalia visiva. In alcuni casi, potrebbe essere necessario essere più specifici sullo scopo del controllo. Per ciascun oggetto campo di un modulo, le opzioni di accessibilità possono essere utilizzate per specificare ciò che l'assistente vocale annuncia per identificare il campo modulo specifico.
Per utilizzare l'opzione Accessibilità, procedere come segue:
  1. Selezionate un componente e toccate .
  2. Fate clic su Accessibilità nella barra laterale per scegliere l’opzione di accessibilità desiderata.

Opzioni di accessibilità nei componenti modulo

Gli autori di moduli di testo personalizzati forniscono il contenuto dell'opzione di accesso facilitato Campo di testo personalizzato. La tecnologia di supporto, come gli assistenti vocali, utilizza questo testo personalizzato. L’utilizzo dell’impostazione Titolo è l’opzione migliore nella maggior parte degli scenari. Valutare la possibilità di creare testo personalizzato dell'assistente vocale solo quando si utilizza il Titolo o se non è possibile utilizzare una breve descrizione.
Breve descrizione Per la maggior parte dei componenti, la breve descrizione viene visualizzata in fase di esecuzione quando l'utente passa il puntatore sul componente. Potete impostare questa opzione nel campo della descrizione breve, sotto l'opzione di contenuto della guida.
Titolo Utilizzate questa opzione per consentire ad AEM Forms di utilizzare l'etichetta visiva associata al campo modulo come testo dell'assistente vocale.
Nome È possibile specificare un valore nel campo Nome della scheda Binding. Il nome non può contenere spazi.
Nessuno Se si seleziona Nessuno, l'oggetto modulo non avrà un nome nel modulo pubblicato. Nessuna impostazione consigliata per i controlli modulo.
  • I pulsanti di scelta e le caselle di controllo possono avere solo due opzioni per l'accessibilità, ovvero Testo personalizzato e Titolo.
  • Per i moduli adattivi basati su XFA, l'opzione di accessibilità è ereditata dalle opzioni di accessibilità impostate in XDP. Le descrizioni comandi di XDP sono mappate sulla descrizione breve e la didascalia sono mappate su Titolo. Le altre opzioni funzionano allo stesso modo.

3. Specifica equivalenti di testo per le immagini

Le immagini possono aiutare a migliorare la comprensione per alcuni utenti. Tuttavia, per gli utenti che utilizzano gli assistenti vocali, le immagini riducono l'accessibilità del modulo. Se scegliete di utilizzare le immagini, fornite descrizioni testuali per tutte le immagini.
Assicurarsi che il testo descriva l'oggetto e la sua funzione nel modulo. Un assistente vocale legge questo testo alternativo quando incontra un'immagine. Un'immagine deve sempre avere un testo alternativo specificato.
Selezionate un componente immagine e toccate . Nella barra laterale, in Proprietà, specificate il testo alternativo per un’immagine.

4. Fornire un contrasto di colore sufficiente

La progettazione dell'accessibilità prevede la considerazione di ulteriori linee guida per l'utilizzo del colore. Gli autori dei moduli possono utilizzare i colori per migliorare l'aspetto dei moduli, evidenziando diversi componenti. Tuttavia, un uso improprio del colore può rendere un modulo difficile o impossibile da leggere da persone con capacità diverse.
Gli utenti con problemi di vista si affidano a un contrasto elevato tra il testo e lo sfondo per la lettura di contenuti digitali. Senza un contrasto sufficiente, un modulo può diventare difficile, se non impossibile, da leggere per alcuni utenti.
Si consiglia di utilizzare i colori predefiniti di font e sfondo, ossia il contenuto in nero su sfondo bianco. Se modificate i colori predefiniti, scegliete un colore di primo piano scuro su un colore di sfondo chiaro o viceversa.
Per ulteriori informazioni sulla modifica del contrasto dei colori e del tema per i moduli adattivi, vedere Creazione di temi personalizzati per i moduli adattivi.

5. Verificare che i controlli modulo siano accessibili tramite tastiera

Un modulo con accesso facilitato può essere compilato completamente utilizzando solo la tastiera o un dispositivo di input equivalente. Gli utenti con mobilità ridotta o problemi di vista possono non avere altra scelta se non utilizzare la tastiera e molti utenti che possono utilizzare il mouse preferiscono l'input della tastiera. Consentendo l'uso dei vari metodi di immissione, non solo si creano moduli con accesso facilitato, ma si creano anche moduli più adatti alle preferenze di tutti gli utenti.
In AEM Forms sono disponibili le seguenti scelte rapide da tastiera.
Azione
Scelte rapide da tastiera
Spostare il cursore in avanti in un modulo
Scheda
Spostare il cursore all'indietro all'interno di un modulo
Maiusc+Tab
Passa al pannello successivo
Alt+Freccia destra
Passa al pannello precedente
Alt+Freccia sinistra
Reimpostare i dati compilati in un modulo
Alt+R
Invio di un modulo
Alt+S

Utilizzate lo strumento di accessibilità per individuare i problemi di accessibilità rimanenti

Ispettore nome e descrizione accessibile (ANDI) consente di identificare e risolvere i problemi di conformità all’accessibilità in un modulo adattivo. Per utilizzare lo strumento ANDI per individuare i problemi di accessibilità in un modulo adattivo:
  1. Aprire il modulo adattivo in modalità di anteprima.
  2. Fare clic sull'icona dello strumento ANDI con segnalibro. Lo strumento ANDI analizza il modulo adattivo e visualizza i problemi di accessibilità. Per informazioni dettagliate sull'utilizzo dello strumento, consulta la documentazione di ANDI.
  3. Esaminare e risolvere i problemi segnalati da ANDI.