La nostra prima impressione di WAVE è stata avvincente. Il design del sito web è piuttosto semplice. Tuttavia, ciò non dovrebbe influenzare la tua decisione di utilizzare questa piattaforma. In una scansione pilota, abbiamo testato WAVE insieme a un cronometro. Ha completato il check-in per l’accessibilità in meno di sedici secondi. Questo è circa il tempo medio per la maggior parte dei principali controlli di accessibilità che abbiamo testato, ma poi per una singola pagina.
WAVE fornisce robusti test di accessibilità attraverso le sue estensioni online e nel browser. Per la maggior parte degli scanner di accessibilità con questa opzione, ad esempio axe, non è sempre conveniente eseguire una scansione se non installando l’estensione Chrome prima di avviare il controllo su un computer. Contrariamente a questo rigido protocollo, WAVE checker è abbastanza generoso da consentire una scansione mobile. Cioè, puoi eseguire comodamente un controllo di accessibilità di una determinata pagina sul tuo telefono cellulare. Per sfruttare questo controllo in movimento, tutto ciò che devi fare è digitare l’URL del tuo sito web nella casella dell’indirizzo della pagina web che WAVE fornisce sul suo sito per coloro che effettuano la scansione online – un processo simile con aCe, TAW, e Siteimprove.
In pochissimo tempo, WAVE visualizzerà una versione della pagina che hai inserito con i risultati della scansione in una barra laterale a sinistra della finestra. Il risultato viene visualizzato sotto quattro titoli generali: Riepilogo, Dettagli, Riferimenti, Struttura e Contrasto. A colpo d’occhio, puoi avere un’idea dell’accessibilità del tuo sito web in cifre. Quando approfondiamo il rapporto di verifica, la sezione Riepilogo mostra il risultato reale del controllo. Altre intestazioni – Dettagli, Riferimenti, Struttura e Contrasto – sono solo accompagnamenti, tuttavia molto importanti. Intendiamoci; WAVE non fornisce un’opzione per esportare il rapporto di audit.
La sezione riassuntiva dell’audit dei test di WAVE
La sezione Riepilogo è dove trovi errori di accessibilità, avvisi, errori di contrasto, funzionalità, elementi strutturali, ARIA. Come puoi immaginare, gli errori sono autentiche violazioni WCAG che il sistema ha segnalato sul tuo sito web. Questi problemi avranno un impatto su alcuni utenti. Gli avvisi sono elementi che possono causare problemi di accessibilità che un valutatore dell’accessibilità è tenuto a decidere il suo impatto. Ad esempio, WAVE potrebbe segnalare un lungo testo alternativo che ha trovato sulla tua pagina. Puoi quindi decidere se rettificarlo o ignorarlo. Le funzionalità indicano le funzionalità di accessibilità che potrebbero migliorare l’accessibilità se interessate. Gli elementi strutturali sono dati relativi all’organizzazione dei contenuti della pagina web. Questo elemento riguarda anche le regioni della pagina con HTML o ARIA. Mostra la struttura dell’intestazione, identifica gli elementi nascosti e indica gli elementi di annidamento.
Utilizzando le icone in linea, WAVE visualizza i problemi di accessibilità su una pagina. Il bello di queste icone è che ti portano direttamente alla parte specifica della pagina in cui viene individuato il problema, una sorta di scorciatoia. Quindi, facendo clic su un’icona, ti indirizza a un problema correlato che il sistema aveva associato ad esso. Quando si arriva all’icona in linea che rappresenta un problema di accessibilità, è possibile fare clic su di essa per aprire un suggerimento per l’errore. Un tooltip descrive un problema segnalato in termini succinti e fornisce collegamenti diretti allo standard delle linee guida per l’accessibilità dei contenuti mondiali ad esso correlato e alla riga di codice interessata.
L’importanza di utilizzare il pulsante Riferimento è disporre di un elenco completo del problema. Questa sezione descrive il problema in questione (cosa significa), il suo impatto sugli utenti (perché è importante) e una soluzione praticabile rapida (cosa fare). Ricorda che ogni tooltip di errore viene fornito con un collegamento alla riga di codice appropriata; puoi fare clic su questa funzione per visualizzare la regione e la linea. Per facilitare l’individuazione degli sviluppatori, la stessa icona in linea viene replicata accanto al codice interessato.
