Cosa resta da testare?

Utilizza le informazioni presenti in questa pagina per scoprire cosa viene testato da axe DevTools Mobile e per rivedere gli esempi di cosa resta da testare manualmente.

Per una guida dettagliata su cosa resta da testare dopo aver utilizzato axe DevTools Mobile, consulta la Checklist dei test rimanenti.

Cosa viene testato da axe DevTools Mobile?

Contrasto cromatico

Il testo deve avere un contrasto adeguato rispetto allo sfondo per garantirne la leggibilità alle persone affette da daltonismo o ipovedenti.

Dimensioni e spaziatura degli elementi toccabili

Gli elementi che possono essere toccati devono essere abbastanza grandi per garantire che le persone con limitazioni motorie possano interagire con essi. Tali elementi devono essere opportunamente spaziati tra loro per evitare che un elemento adiacente venga toccato accidentalmente.

Etichette dei moduli

I campi di input utente (caselle di testo, caselle di controllo, pulsanti di scelta) devono avere un'etichetta correttamente associata per le tecnologie assistive come TalkBack e VoiceOver.

Descrizioni delle immagini

Ogni immagine che può ricevere focus deve avere una descrizione associata per la tecnologia assistiva, come TalkBack e VoiceOver.

Il testo è raggiungibile tramite tecnologia assistiva

Qualsiasi testo sullo schermo dovrebbe essere raggiungibile tramite tecnologie assistive come TalkBack e VoiceOver. (Il testo non raggiungibile non sarà disponibile per le persone che utilizzano tecnologie assistive.)

Le azioni possono essere attivate dalla tecnologia assistiva

Tutte le azioni che un utente può intraprendere (inviare un modulo toccando un pulsante, espandere/comprimere una sezione di contenuto, aprire un menu, far avanzare una sequenza di immagini, ecc.) dovrebbero poter essere attivate tramite tecnologie assistive come TalkBack e VoiceOver. (Le azioni che non possono essere attivate non saranno disponibili per le persone che utilizzano tecnologie assistive.)

Elementi interattivi nidificati

Nessun elemento interattivo attivabile tramite tecnologia assistiva deve contenere al suo interno altri elementi interattivi. Ogni elemento interattivo deve essere raggiungibile individualmente per poter essere attivato in modo indipendente.

Rotazione dello schermo

Le app dovrebbero ruotare quando si ruota il dispositivo, per garantire che gli utenti possano utilizzarle indipendentemente dall'orientamento dello schermo del dispositivo. Alcune persone hanno il telefono o il tablet montato sulla sedia a rotelle in un orientamento fisso. Se l'orientamento non può essere supportato, l'app diventa inutilizzabile per questa persona.

Titolo schermata

Ogni schermata di un'app dovrebbe fornire un titolo che verrà annunciato dalla tecnologia assistiva. I titoli delle schermate consentono agli utenti con disabilità visive, cognitive e motorie e con memoria a breve termine limitata di stabilire in quale punto dell'app si trovano, di identificare il contenuto di una schermata in base al titolo e di navigare tra le schermate nei casi in cui la modalità operativa di un utente dipende dall'audio.

Cosa resta da testare manualmente?

Gli elenchi seguenti contengono esempi di problemi di accessibilità che richiedono test manuali. Questa non è una checklist esaustiva, ma piuttosto fornisce un'idea dei tipi di problemi che vorrai testare manualmente dopo aver utilizzato axe DevTools Mobile.

Test con tecnologia assistiva

Garantire che gli utenti possano interagire in modo efficiente con l'app utilizzando tecnologie assistive, come TalkBack o VoiceOver.

• Sequenza di lettura: la tecnologia assistiva rileva tutti i contenuti statici, come titoli e paragrafi, nella corretta sequenza di lettura?
• Ordine degli elementi interattivi - La tecnologia assistiva si muove attraverso gli elementi interattivi, come pulsanti e campi di modulo, sullo schermo in un ordine logico?
• Titoli - I titoli vengono annunciati correttamente alla tecnologia assistiva?
• Immagini - Le immagini decorative vengono identificate e incorporate come tali, in modo che possano essere ignorate dalle tecnologie assistive?
• Tabelle - Le celle della tabella dati sono dotate di nomi accessibili che definiscono a quali intestazioni di colonna o di riga si riferiscono le celle?
• Gestione della messa a fuoco: lo schermo contiene componenti di interfaccia che, se attivati, determinano la transizione dello schermo a un nuovo stato, ad esempio l'apertura di un popup o di un menu? In tal caso, lo schermo sarà ancora utilizzabile con la tecnologia assistiva dopo la transizione?
• Annunci di stato - La schermata contiene elementi che cambiano stato, ad esempio espanso/compresso o premuto? Questi stati vengono annunciati alla tecnologia assistiva?
• Gesti e movimenti del dispositivo - Lo schermo utilizza i gesti o i movimenti del dispositivo come input? Esistono componenti dell'interfaccia utente che eseguono la stessa azione senza richiedere gesti o movimenti del dispositivo? È possibile disattivare l'input del movimento del dispositivo per evitarne l'attivazione accidentale?

Significato del contenuto

Assicurarsi che il testo descriva in modo significativo la funzione o lo scopo del contenuto o dei controlli associati.

• Significato dei pulsanti e dei collegamenti: il testo dei pulsanti e dei collegamenti descrive accuratamente la funzione che verrà eseguita?
• Etichette dei moduli: gli utenti riescono a comprendere lo scopo dei controlli dei moduli tramite etichette di testo significative?
• Significato del titolo - I titoli delle sezioni descrivono in modo significativo il contenuto successivo?
• Significato dell'immagine - Il testo accessibile descrive accuratamente l'immagine? Le immagini e i grafici complessi sono forniti con una descrizione testuale completa che ne cattura tutto il contenuto?

Struttura dei contenuti

Assicurarsi che gli utenti possano comprendere la struttura del contenuto su ogni schermata e all'interno dell'app nel suo complesso.

• Titoli - Il contenuto è presentato in brevi blocchi di testo separati da titoli di sezione per organizzare meglio le informazioni? Gli utenti possono identificare come tali i titoli delle sezioni utilizzati per intitolare o descrivere le sezioni dell'app?
• Navigazione - L'app contiene un gruppo di elementi di navigazione? Gli elementi sono nello stesso ordine relativo ed etichettati nello stesso modo su ogni schermata?
• Coerenza a livello di app: i componenti dell'interfaccia utente, come moduli o altri controlli, che appaiono e hanno la stessa funzione in tutte le schermate sono etichettati allo stesso modo su ogni schermata?

Contenuto dinamico/temporizzato

Assicurarsi che i contenuti dinamici possano essere controllati dall'utente.

• Audio/Video - I contenuti video o audio dispongono di alternative testuali per gli utenti che non possono vedere o sentire, come trascrizioni di testo o sottotitoli?
• Comportamento automatico: ci sono contenuti che si muovono, si animano o scorrono automaticamente, come caroselli e feed di messaggi? In tal caso, l'utente riesce a mettere in pausa, arrestare, nascondere il movimento e comunque sfruttare tutte le funzionalità?
• Aggiornamenti automatici dei contenuti - Ci sono contenuti che si aggiornano automaticamente? In tal caso, l'utente può controllare la frequenza, posticipare o disattivare le interruzioni dei contenuti?
• Interruzioni al caricamento della pagina - La riproduzione di contenuti multimediali temporizzati, come video o audio, inizia automaticamente? Esiste un meccanismo che consenta all'utente di mettere in pausa, interrompere o nascondere i contenuti multimediali in riproduzione automatica?
• Messaggi di stato - Sullo schermo vengono visualizzati messaggi di stato? In tal caso, i messaggi vengono annunciati immediatamente dalla tecnologia assistiva? I messaggi di stato scompaiono da soli, lasciando l'utente senza alcuna indicazione rimanente sullo stato?

Effetti visivi: l'app è priva di componenti che lampeggiano ripetutamente più di tre volte in un secondo?

Convalida del modulo e feedback

Assicurarsi che i moduli e gli elementi di input dell'utente siano facilmente comprensibili e compilabili e che eventuali errori possano essere risolti.

• Etichette dei moduli: i moduli hanno etichette e istruzioni persistenti e significative per i rispettivi controlli?
• Prevenzione degli errori - I controlli interattivi forniscono agli utenti istruzioni chiare? Se vengono restituiti degli errori, all'utente vengono presentati stati di errore e messaggi di errore chiari per aiutarlo a correggere gli errori?
• Messaggi di errore - Gli errori di modulo vengono restituiti in modi che non dipendono solo dalla vista o dalla percezione del colore?
• Cambiamento di contesto: gli utenti possono sapere quando l'inserimento di un input in un controllo di un modulo attiverà automaticamente un cambiamento di contesto, ad esempio l'apertura di un popup quando viene selezionata una casella di controllo o il passaggio al campo successivo quando viene raggiunto il numero massimo di caratteri (ad esempio nei campi SSN composti da più parti).
• Dati legali e finanziari: gli utenti inviano dati legali o finanziari nell'app? In tal caso, agli utenti viene offerto il modo di annullare, verificare o confermare i dati legali o finanziari prima di inviarli?

Altre considerazioni

• Alternative ai segnali di colore: gli utenti dell'applicazione possono sfruttare altri spunti visivi quando le informazioni vengono trasmesse principalmente tramite il colore?
• Indicatori di messa a fuoco - Un indicatore di messa a fuoco chiaramente distinguibile con sufficiente contrasto di colore è reso visibile quando gli elementi attivi ricevono la messa a fuoco?
• Navigazione e impostazioni della piattaforma: ci sono elementi nell'app che forniscono un'esperienza anti-pattern che potrebbe compromettere le funzionalità di navigazione della piattaforma in iOS o Android? Le impostazioni del dispositivo dell'utente vengono rispettate nell'intera applicazione?
• Orientamento dello schermo: il contenuto e le funzionalità dello schermo vengono mantenuti quando si passa dall'orientamento verticale a quello orizzontale e viceversa? (Il contenuto non deve necessariamente trovarsi sulla stessa schermata, ma deve essere fornito da qualche parte all'interno dell'app.)
• Timeout della sessione: l'app impone all'utente un limite di tempo per la sessione? L'utente può estendere, disattivare o modificare il limite di tempo? L'app garantisce che gli utenti non perdano informazioni se la loro sessione scade e devono effettuare nuovamente l'accesso?
• Ridimensionamento del testo e zoom: ci sono funzionalità dell'app che impediscono agli utenti di sfruttare lo zoom o la funzionalità di ridimensionamento del testo di iOS o Android?
• Testo nelle immagini - A parte i loghi, le schermate sono prive di immagini di testo e di elementi visivi con testo incorporato?