wave accessibility testing tool tutorial
Tutorial WAVE Web Accessibility Tool: come utilizzare WAVE Chrome e l'estensione per Firefox
Barra degli strumenti di accessibilità Web è stato spiegato in dettaglio nel nostro precedente tutorial. Questo tutorial è una continuazione del primo di questa serie, controllalo qui - Test di accessibilità web - parte 1 .
In quel tutorial, abbiamo esaminato alcuni concetti fondamentali di cosa sia l'accessibilità e come possa essere valutata utilizzando strumenti di test dell'accessibilità.
In questo tutorial, vedremo un altro paio di strumenti di accessibilità come WAVE Toolbar, JAWS Accessibility tool, tecniche e dettagli.
(Immagine fonte)
Cosa imparerai:
algoritmo del percorso più breve nel codice sorgente java
ONDA(Strumento di valutazione dell'accessibilità web)
Lo strumento WAVE è uno strumento di valutazione dell'accessibilità web, una barra degli strumenti per Browser Firefox.
È importante notare che WAVE non può dirti se il tuo contenuto web è accessibile; solo un essere umano può determinare la vera accessibilità. Tuttavia, WAVE può aiutarti a valutare l'accessibilità dei tuoi contenuti web.
Tutta la valutazione avviene direttamente all'interno del browser e nessuna informazione viene inviata ai server WAVE. Ciò garantisce rapporti di accessibilità privati e sicuri al 100%.
Per scaricare la barra degli strumenti di accessibilità web di WAVE, vai a http://wave.webaim.org/toolbar/ e scaricalo in F browser irefox . Assicurati di aprire l'URL di download nel browser Firefox perché la barra degli strumenti WAVE supporta solo Firefox.
Come utilizzare WAVE Web Accessibility Toolbar
Di seguito sono elencate le funzionalità che possiamo utilizzare mentre lavoriamo con il browser Firefox:
# 1) Seleziona il sito web http://www.easports.com/ , quindi fai clic su 'Errori, funzionalità e avvisi', troverai la pagina con avvisi ed errori di accessibilità in colore giallo. Passa il mouse sulle immagini per vedere i dettagli degli avvisi.
( Nota : clicca su qualsiasi immagine per ingrandirla)
#Due) Ora fai clic su 'Vista struttura / ordine', otterrai la pagina con i dettagli del frame in linea.
# 3) Ora fai clic su 'Visualizzazione solo testo', il sito verrà visualizzato senza immagini, stili e layout.
# 4) Le icone 'Vista struttura' sulla barra degli strumenti ti faranno sapere se i titoli sono in ordine o no.
# 5) L'icona 'Reimposta pagina' aggiorna la pagina.
# 6) Facendo clic su 'Disabilita stile' rimuoverai gli stili CSS dalla pagina.
# 7) Il pulsante 'Icons Key' mostrerà un elenco di tutte le icone WAVE con ulteriori dettagli, informazioni e consigli.
Puoi anche valutare l'accessibilità del sito web senza scaricare lo strumento wave e utilizzarlo direttamente online.
Passaggi per verificare l'accessibilità del sito web
Passo 1) Fare clic sull'URL: http://wave.webaim.org/
Passo 2) Inserisci il Indirizzo della pagina web nel testo scatola e premi invio. Useremo con come esempio. Entrate quindi nel sito www.facebook.com nella casella di testo e cliccate sul pulsante invio.
Passaggio 3) Troverai i dettagli di riepilogo sul lato sinistro della navigazione.
- Gli errori sarebbero visualizzati in rosso con un conteggio. Nel mio caso, viene visualizzato come 13.
- Gli avvisi sarebbero visualizzati in giallo con un conteggio 13.
- Le caratteristiche sarebbero in verde con un conteggio 10.
- Gli elementi strutturali sarebbero 6 in colore blu.
- HTML5 e ARIA sarebbero 15 in colore viola.
- Gli errori di contrasto sarebbero 14 in colore nero.
Facendo clic su ciascuna icona verranno fornite ulteriori informazioni sugli elementi come mostrato sopra per l'avviso (al centro della pagina).
Ora, diamo un'occhiata a una diversa categoria di strumenti:
Validatori di accessibilità di pagine Web gratuiti:
Pochi altri migliori strumenti di verifica dell'accessibilità web:
- Strumento di valutazione dell'accessibilità open source AChecker
- PowerMapper
- Valet per l'accessibilità
- EvalAccess
- MAGENTA
Strumenti per la disabilità visiva
La disabilità visiva si riferisce a una perdita della vista. Esistono diversi tipi di disabilità visive:
- Cecità
- Visione bassa o limitata
- Daltonismo
Gli utenti con disabilità visive utilizzano software di tecnologia assistiva che legge i contenuti ad alta voce.Per esempioJAWS per i sistemi operativi di Windows, NVDA per i sistemi operativi di Windows, Voice Over per Mac. L'utente UA con problemi di vista può anche ingrandire il testo con un'impostazione del browser o una magnifica impostazione del sistema operativo. Impareremo queste funzionalità con l'aiuto di lenti di ingrandimento e strumenti JAWS.
A) Lenti d'ingrandimento
1) Ingrandimento del testo dello zoom ingrandisce tutto sullo schermo del computer e rende l'applicazione facile da vedere e utilizzare. Puoi scaricarlo da questo link .
Per avere una buona idea di come funziona, ti consigliamo vivamente di scaricare una versione di prova gratuita e sperimentare.
Due) Lente d'ingrandimento della finestra ingrandisce anche diverse parti dello schermo. Possiamo aprirlo facendo clic sul pulsante Start dal desktop e quindi digitare Magnifier. Fare clic sul programma Magnifier. Quando si passa il mouse sulla pagina Web, questo strumento ingrandisce le dimensioni dello schermo e viene visualizzato.
3) Gli utenti non vedenti di computer, che non possono utilizzare un normale monitor di computer, utilizzano un display Braille aggiornabile o un terminale Braille per leggere il testo in uscita.
Secondo Wikipedia , un display Braille aggiornabile o terminale Braille è un dispositivo elettromeccanico per la visualizzazione di caratteri Braille, solitamente mediante perni a punta tonda sollevati attraverso fori su una superficie piana.
B) JAWS - Accesso al lavoro con discorso
JAWS è uno screen reader utilizzato per testare le pagine Web sul sistema operativo Windows che consente agli utenti con danni visivi di leggere lo schermo. JAWS supporta tutte le versioni dei sistemi operativi e fornisce un display Braille aggiornabile.
Di seguito sono riportati i comandi da tastiera per utilizzare JAWS:
Le funzioni di base che vengono testate con l'aiuto di JAWS sono:
- JAWS fornisce il numero di sequenze di tasti per navigare nelle pagine Web. Ad esempio i tasti freccia, i tasti Pagina su e Giù, Home, Fine e molti altri tasti di navigazione di Jaws.
- Collegamenti, immagini e mappe immagine: JAWS fornisce sequenze di tasti per navigare da un collegamento a un altro nella pagina Web.
- Campi e controlli del modulo HTML : JAWS fornisce sequenze di tasti per navigare tra gli elementi del modulo
- Frame HTML : Consente di navigare tra i fotogrammi con la tastiera.
- Tabelle : Consente di navigare nelle celle della tabella
Questa è una breve panoramica delle diverse tecniche e strumenti utilizzati per realizzare la valutazione dell'accessibilità.
Suggerimenti sui test di accessibilità per sviluppatori e tester
- Tutte le immagini attive hanno un testo alternativo che indica cosa fa il collegamento o il pulsante?
- Tutte le immagini decorative e le immagini ridondanti hanno un testo alternativo nullo (alt = ””)?
- Tutte le immagini informative hanno un testo alternativo che fornisce le stesse informazioni fornite dalle immagini?
- La pagina è organizzata con titoli? Sono contrassegnati come intestazioni?
- Puoi accedere a tutto usando la tastiera?
- La tua pagina verrà letta in un ordine logico in uno screen reader?
- È chiaro quale elemento è a fuoco mentre usi l'accesso da tastiera?
- Tutte le informazioni importanti in un video sono disponibili tramite audio standard o tramite descrizione audio aggiunta?
Il team di sviluppo possono assicurarsi che il loro prodotto sia conforme all'accessibilità mediante ispezione del codice e test di unità.
Casi di test tipici:
- Assicurati che tutte le funzioni siano disponibili solo tramite tastiera (non usare il mouse)
- Assicurarsi che le informazioni siano visibili quando l'impostazione del display viene modificata in modalità Contrasto elevato.
- Assicurati che gli strumenti di lettura dello schermo possano leggere tutto il testo disponibile e ad ogni immagine / immagine sia associato un testo alternativo corrispondente.
- Assicurati che le azioni della tastiera definite dal prodotto non influenzino le scorciatoie da tastiera per l'accessibilità.
Conclusione
L'accessibilità web offre molte opportunità agli utenti disabili. Tuttavia, dobbiamo riconoscere il fatto che è difficile fornire pieno accesso per ogni tipo di disabilità o difficoltà che potrebbe impedire a un utente di raggiungere il contenuto di un sito web.
È possibile eseguire passaggi, ma potrebbe non essere al 100%. Se seguiamo gli standard delineati in questo articolo sin dalla fase iniziale dello sviluppo, possiamo facilmente creare un sito web accessibile per la maggior parte degli utenti.
Sentiti libero di suggerire altri strumenti e suggerimenti per il test dell'accessibilità nei commenti qui sotto.
Tutorial PREV | PRIMO Tutorial
Lettura consigliata
- Tutorial WAT (Web Accessibility Toolbar) per test di accessibilità
- Esercitazione sul test di accessibilità (una guida completa passo passo)
- Tutorial approfonditi su Eclipse per principianti
- Tutorial Geb - Test dell'automazione del browser utilizzando lo strumento Geb
- Migliori strumenti di test del software 2021 (Strumenti di automazione del test QA)
- I 20 migliori strumenti di test di accessibilità per applicazioni Web
- Tutorial sui test distruttivi e non distruttivi
- Test funzionale vs test non funzionale