Esercitazione sul test di accessibilità (una guida completa passo passo)

accessibility testing tutorial

Una guida completa ai test di accessibilità:

Cos'è l'accessibilità web:

Il web è aperto a tutti ed essendo un tester (anche umano), è nostra responsabilità verificare se è accessibile a tutti gli utenti. Questo, a sua volta, contribuirà molto al successo di un'azienda mentre lavoriamo per rendere l'applicazione accessibile a tutti gli utenti.

Ciò aumenterà anche la soddisfazione dell'utente e anche la nostra attività.

Elenco dei tutorial in questa serie:

1. Guida ai test di accessibilità (Questo tutorial)
2. Strumenti di test di accessibilità: un elenco completo
3. Tutorial WAT (Web Accessibility Toolbar)
4. Strumenti per il controllo dell'accessibilità di WAVE e JAWS

Per la maggior parte degli utenti, l'utilizzo di Internet sul Web è facile. Ma questo non è il caso quando guardiamo a un diverso gruppo demografico con sfide. È fondamentale che i siti web siano accessibili, utilizzabili e utili anche a questo gruppo di utenti e non dovrebbero differenziare gli utenti in base alla lingua / cultura / posizione / software / abilità fisiche o mentali.

Cosa imparerai:

• Che cos'è il test di accessibilità?
• Accessibilità e legge
• Miti sul test dell'accessibilità del sito web
• Sfide del test di accessibilità
• Importanza
• Come viene misurata l'accessibilità web?
• Principi di Universal Web Design da seguire
• Come eseguire il test di accessibilità - Una guida passo passo
  • Metodo manuale
  • Test di accessibilità automatizzato
• Elenco di controllo per test di accessibilità / casi di test / scenari
• Conclusione
• Lettura consigliata

Che cos'è il test di accessibilità?

Il test di un'applicazione Web per assicurarsi che ogni utente possa accedere facilmente al sito Web è noto come test di accessibilità. Il ramo di test specializzato e dedicato che aiuta a garantire che i siti web siano effettivamente efficaci in quest'area si chiama ' Test di accessibilità web '.

Ancora più importante, ci sono alcune leggi e linee guida per i test di accessibilità che devono essere seguite.

Accessibilità e legge

• Gli americani con disabilità agiscono : Questa legge afferma che tutti i domini come edifici pubblici, scuole e organizzazioni dovrebbero rendere la tecnologia accessibile a tutti.
• Legge sulla riabilitazione, sezione 504 e sezione 508 : La sezione 504 consente a tutte le persone con disabilità di accedere al posto di lavoro, all'istruzione e ad altre organizzazioni e la sezione 508 consente l'accesso alla tecnologia.
• Linee guida per l'accessibilità dei contenuti Web: Queste linee guida suggeriscono i modi che possono aiutare a migliorare l'accessibilità di un sito web.

Miti sul test dell'accessibilità del sito web

Mito 1 :È costoso.

Fatto : La precauzione è sempre meglio che curare, quindi possiamo pensare ai problemi di accessibilità nella fase di progettazione stessa e ridurre i costi.

Mito 2: La conversione di un sito Web inaccessibile per l'accesso è un'operazione che richiede tempo.

Fatto : Possiamo dare priorità alle cose e lavorare solo sui bisogni di base.

Mito 3: L'accessibilità è semplice e noiosa.

Fatto : L'accessibilità non significa che un sito web debba contenere solo testo. Possiamo anche aggiungere immagini e renderlo più attraente, ma il punto da notare è che dovrebbe essere accessibile a tutti.

Mito 4 :I test di accessibilità sono per non vedenti e disabili.

Fatto : Il software è utile per tutti e quindi questo test è per tutti gli utenti.

Sfide di A Test di accessibilità

I seguenti sono alcuni sfide o difficoltà comuni che le linee guida sull'accessibilità cercano di affrontare:

Importanza

• Accesso facile ed efficiente agli utenti con disabilità o sfide
• Aumenta la quota di mercato e la portata del pubblico
• Migliora la manutenibilità e l'efficienza
• Soddisfa i requisiti legali esistenti e futuri e aiuta a seguire l'etica
• Supportare l'internazionalizzazione
• Aiuta nell'accesso per utenti con larghezza di banda ridotta.

Alla fine, tutto si traduce semplicemente in 'Affari migliori - più soldi'.

Come viene misurata l'accessibilità web?

L'accessibilità del web può essere misurata con l'aiuto degli standard di accessibilità web creati da W3C conosciuto come Linee guida per l'accessibilità dei contenuti web (WCAG) . Pochi altri dipartimenti hanno sviluppato le proprie linee guida, ma anche queste seguono la Web Accessibility Initiative (WAI) Linee guida.

Valutazione dell'accessibilità di un sito web:

Ci sono molti fattori che giocano un ruolo in questo, come ad esempio:

• Soddisfare
• Taglia
• Codice
• Linguaggi di markup
• Strumenti di sviluppo
• Ambiente

Come sempre, è buona norma implementare tecniche di accessibilità web nella fase iniziale del progetto. La correzione di siti Web non accessibili richiede ulteriori sforzi.

Alcune semplici tecniche di esempio sono:

• Verifica del titolo della pagina
• Alternative al testo dell'immagine ('testo alternativo')
• Titoli
• Rapporto di contrasto ('contrasto di colore') .. ecc.

Possiamo anche determinare l'accessibilità con l'aiuto di ' Strumenti di valutazione '- in una certa misura. Ci sono poche cose come se il testo alternativo è scritto in modo appropriato per l'immagine o meno, non può essere valutato completamente ma sono efficaci per la maggior parte.

Leggi anche => 30+ strumenti di test web più popolari.

Principi di Universal Web Design da seguire

Il sito web dovrebbe essere progettato universalmente in modo tale da seguire i principi di usabilità e accessibilità. Ognuno ha il proprio stile di apprendimento e di elaborazione, quindi il sito / prodotto dovrebbe essere progettato indipendentemente da questo.

Di seguito sono riportati alcuni principi standard di base del design del sito Web:

# 1) Coordinamento:

Ogni attività e ogni persona inclusa nel progetto dovrebbero coordinarsi tra loro. Si dovrebbe tenere presente che un sito web dovrebbe essere progettato secondo i propri e così come W3C standard.

# 2) Applicazione:

Essendo un'organizzazione responsabile, dovresti ritenerti responsabile della creazione di un sito accessibile. Invece di ritenere gli utenti responsabili di un sito accessibile, dovremmo farlo.

# 3) Leadership:

Tutti dovrebbero essere consapevoli di questi principi e devono informare se stanno affrontando problemi durante l'accesso al sito.

# 4) Considerazione sull'accesso :

Dobbiamo seguire gli standard, insieme ad essi possiamo considerare gli standard seguiti dall'organizzazione per le persone con abilità speciali.

dove trasmettere anime gratuitamente

# 5) Dimensioni tecniche:

Un sito web dovrebbe essere progettato considerando tutti gli standard tecnici.

# 6) Ricerca educativa:

Dobbiamo ricercare l'accessibilità e le problematiche affrontate durante l'accesso al sito web. Con l'aiuto di questo, dovrebbe essere fornita formazione al personale per renderlo consapevole degli standard e dei problemi.

# 7) Inclusione sociale:

Tutti gli esseri umani dovrebbero essere trattati allo stesso modo non solo in modalità online ma anche nel mondo fisico.

Insieme a questo edificio, è necessario un sito web POUR.

Ora sorge la domanda su cosa significa POUR e la risposta è data di seguito:

P concepibile:La presentazione della web suite dovrebbe essere percepibile. Il contenuto dovrebbe avere senso da tutte le prospettive di tutti gli utenti.

O deperibile:Si può dire che il sito è utilizzabile se un utente è in grado di navigare facilmente nel sito.

U nderstandable:Tutto ciò che è presente nel sito web deve essere compreso da qualsiasi tipologia di utente. In breve, la lingua dovrebbe essere facile e non complessa.

R fermare:Indipendentemente dalla tecnologia in evoluzione e dal tipo di utenti, il contenuto dovrebbe essere robusto.

Come eseguire il test di accessibilità - Una guida passo passo

Questo può essere fatto utilizzando il metodo di test manuale e di automazione.

Metodo manuale

Ci sono molti strumenti disponibili sul mercato per i test di accessibilità, ma potrebbero esserci alcuni problemi come la mancanza di risorse qualificate, budget ecc. In tal caso, possiamo procedere con i test manuali.

Di seguito sono riportati alcuni modi per testare manualmente l'accessibilità del sito Web:

# 1) Possiamo usare la modalità ad alto contrasto:

Utilizzando la modalità ad alto contrasto possiamo evidenziare il contenuto del sito web. Quando si attiva la modalità ad alto contrasto, il contenuto del sito Web viene evidenziato automaticamente quando diventa bianco o giallo e lo sfondo diventa nero.

Per attivare la modalità ad alto contrasto, cercare la modalità ad alto contrasto nella casella di ricerca.

Qui avrai un'opzione per scegliere un tema, selezionare il tema ad alto contrasto dal menu a discesa.

Un browser apparirà come mostrato di seguito dopo aver apportato le modifiche alle impostazioni.

Dopo questo, possiamo vedere se il contenuto è correttamente visibile o meno.

# 2) Non accedendo alle immagini :

Temporaneamente per il momento, puoi disattivare l'accesso e vedere se il testo giustifica il contenuto poiché alcune persone potrebbero non avere accesso a quello o talvolta impiegare troppo tempo per caricare le immagini.

Puoi disattivare l'accesso al browser nei seguenti modi:

Internet Explorer: Strumenti-> Opzioni Internet-> Avanzate-> mostra immagini (deseleziona).

Firefox: Apri Firefox e digita di : config , nella barra degli indirizzi e otterrai l'output come mostrato di seguito.

Dopo aver ottenuto questa schermata, devi cercare ' permission.default.image ' e regolare il valore da 0-1.

# 3) Controllo delle didascalie :Controlla se una didascalia è disponibile e assicurati che sia abbastanza descrittiva. Molte volte ci imbattiamo in link sulla pagina Facebook in cui la visualizzazione delle immagini o dei video potrebbe richiedere molto tempo, ma le didascalie ci aiuteranno molto.

# 4) Disattivando il foglio di stile a cascata (CSS): CSS è fondamentalmente utilizzato per descrivere la presentazione del documento. Disattivandolo possiamo controllare il colore di sfondo, lo stile del testo e lo stile di presentazione del testo.

# 5) Prova a usare la tastiera :Se sei un giocatore o un esperto di Excel, questo test deve essere più facile per te. Cerca di non toccare il mouse e accedi al sito web con l'aiuto di una tastiera.

È possibile utilizzare il tasto 'Tab' per passare da un collegamento all'altro.

'Tab' + 'Maiusc' ti porterà dove eri prima.

# 6) Usa l'etichetta del campo :È utile durante la compilazione di un modulo, etichetta del campo è ciò che vedrai durante la visualizzazione di un modello. Usando questo, è possibile compilare le informazioni necessarie durante la registrazione o l'ordinazione di qualcosa online.

# 7) Modifica la dimensione del carattere in grande :Utilizzare caratteri di grandi dimensioni e un controllo dell'accessibilità continuo.

# 8) Salta la navigazione: Questo può essere utile per le persone con disabilità motorie. Cliccando Ctrl + Home puoi spostare lo stato attivo nella parte superiore della pagina.

# 9) documento PDF: Prova a salvare il file PDF sotto forma di testo e controlla se l'ordine per il contenuto viene mantenuto o meno.

# 10) Disabilitando lo stile: Disabilita lo stile e controlla se il contenuto della tabella è allineato correttamente o meno.

# 11) Ridimensionamento dei contenuti: Prova a rimpicciolire l'immagine e controlla se è leggibile.

Test di accessibilità automatizzato

Poiché l'automazione si sta diffondendo ampiamente nel campo dei test, possiamo optare per l'automazione anche per il controllo dell'accessibilità. Abbiamo diversi strumenti per i test automatizzati.

# 1) aDesigner: È sviluppato da IBM ed è utile per testare il software dal punto di vista delle persone ipovedenti.

# 2) WebAnywhere: Funziona come uno screen reader e non richiede installazioni speciali.

# 3) Vischeck: Questo strumento ci aiuta a riprodurre l'immagine in varie forme in modo da poter immaginare come apparirà quando vi accedono diversi tipi di utenti.

# 4) Analizzatore del contrasto del colore: Controlla la combinazione di colori e analizza la visibilità.

# 5) Hera: Verifica lo stile dell'applicazione e viene fornito con un'opzione multilingue.

# 6) Estensione per l'accessibilità di Firefox: Firefox ti consente di estendere le sue funzionalità.

Puoi aggiungerlo per aprire Firefox-> Componenti aggiuntivi-> estensione per l'accessibilità . Ti aiuterà a testare il rapporto, la navigazione, il testo del collegamento ecc.

Dopo aver fatto clic sul file estensione avrai un'opzione per la ricerca componenti aggiuntivi .

# 7) TAW online: Ti dà la possibilità di testare se il software è sviluppato secondo le linee guida di WCAG 1.0 o WCAG 2.0 . Ha anche la possibilità di selezionare il livello di analisi.

# 8) Verifica accessibilità PDF: Verifica l'accessibilità di un file PDF.

=> Per l'elenco completo controlla questo post sugli strumenti di test dell'accessibilità

Test di accessibilità Elenco di controllo / casi di test / scenari

Di seguito sono riportati alcuni punti che devono essere verificati durante questo tipo di test:

• Se le etichette sono scritte e posizionate correttamente oppure no.
• Se il contenuto audio / video è correttamente udibile / visibile o meno.
• Se il rapporto di contrasto del colore viene mantenuto o meno.
• Se le azioni di controllo per il video funzionano correttamente o no.
• Se vengono forniti i tasti di scelta rapida per il menu, è necessario verificare se funzionano tutti correttamente.
• È necessario verificare la presenza di schede se la navigazione tra le schede è un'operazione facile.
• Se l'applicazione ha seguito tutti i principi e le linee guida oppure no.
• Se il titolo è unico e trasmette il significato e la struttura oppure no.
• Se il testo del collegamento è scritto con la descrizione del contenuto invece di creare ambiguità.
• Se viene fornita o meno una didascalia multimediale significativa.
• Se le istruzioni sono fornite in modo chiaro o meno.
• Se il contenuto è chiaro, conciso e comprensibile oppure no.

I seguenti sono i punti chiave che il sito web dovrebbe soddisfare per l'accessibilità:

• Il testo del link dovrebbe essere descrittivo . Pagina Web di accesso utente con disabilità visiva facendo clic sul pulsante scheda dalla tastiera e spostandosi da collegamento a collegamento. Quindi è essenziale che la descrizione dei collegamenti sia definita correttamente. Assicurati che i collegamenti ipertestuali siano accessibili utilizzando il tasto Tab.
• Fornire immagini appropriate ove possibile . Un'immagine parla più forte delle parole. Prova ad aggiungere immagini appropriate per il testo, quando possibile. Le immagini possono descrivere il contenuto del sito web per gli utenti con problemi di alfabetizzazione.
• Usa un linguaggio semplice . L'utente con disabilità cognitiva ha difficoltà di apprendimento, è molto importante rendere le frasi semplici e facilmente leggibili per lui.
• Navigazione coerente . Anche la navigazione coerente nelle pagine è molto importante per gli utenti con disabilità cognitive. È buona norma mantenere la coerenza del sito Web e non modificare le pagine regolarmente. L'adattamento al nuovo layout richiede tempo e può diventare difficile.
• Ignora i popup . Agli utenti che utilizzano uno screen reader per leggere le pagine web, i pop-up possono essere davvero scomodi per loro. Lo screen reader legge la pagina dall'alto verso il basso e un improvviso pop-up arriva il lettore inizierà a leggerlo prima del contenuto effettivo. Può confondere gli utenti con disabilità visiva.
• Layout CSS . I siti Web basati su CSS sono più accessibili dei siti Web basati su codice HTML.
• Dividi la frase grande in una piccola frase semplice. Gli utenti con disabilità visiva ascoltano le informazioni sulla pagina web e cercano di ricordarle. Dividere la frase grande in una piccola frase semplice può aiutare a ricordare facilmente le cose.
• Non utilizzare il testo di selezione. Evita il testo brillante e mantienilo semplice.

In breve, dobbiamo verificare se l'applicazione è sviluppata secondo le linee guida del W3C, i principi di progettazione del sito web ei principi di accessibilità e per questo dobbiamo essere consapevoli di tutti questi principi.

Possiamo riassumere i punti di controllo di cui sopra verificando e convalidando il contenuto scritto, il design e il metodo di sviluppo del sito web / dell'applicazione.

Leggi anche => Guida completa al test web.

Conclusione

Il test di accessibilità spiega semplicemente quanto facilmente si possa navigare, accedere e comprendere il software. È per tutti i tipi di utenti. Il tester dovrebbe eseguire il test dal punto di vista di tutti.

Proprio come qualsiasi altro tipo di test, questo test può essere eseguito anche manualmente e con l'aiuto di strumenti di automazione. Lo scopo di un tester dovrebbe essere solo quello di verificare se le linee guida sono state soddisfatte o meno e con quanta facilità e semplicità un utente può utilizzare il software.

Lettura consigliata = >> Principali fornitori di servizi di test di accessibilità

Nella parte successiva di questa serie di tutorial, ti presenteremo alcuni altri strumenti e tecniche di test dell'accessibilità web, quindi rimani con noi.

Come sempre, commenta con le tue domande, suggerimenti ed esperienze.

PROSSIMO Tutorial

Lettura consigliata

• Tutorial sullo strumento di test dell'accessibilità di WAVE
• Alpha test e beta test (una guida completa)
• Tutorial WAT (Web Accessibility Toolbar) per test di accessibilità
• Test funzionale vs test non funzionale
• Esercitazione sul test di usabilità: una guida introduttiva completa
• Guida completa al test di verifica della costruzione (test BVT)
• Tutorial sul test DevOps: in che modo DevOps influirà sui test di controllo qualità?
• Distribuzione in MongoDB: tutorial passo passo