Strumenti

WAVE

Vedi anche: WebAIM WAVE, Web Accessibility Evaluation Tool

Lo strumento gratuito di valutazione dell'accessibilità di WebAIM, disponibile come estensione browser. Complemento visivo al controllo da CI di axe-core: WAVE sovrappone i risultati direttamente sulla pagina renderizzata.

WAVE — Web Accessibility Evaluation Tool — è lo strumento gratuito di verifica dell’accessibilità di WebAIM (Web Accessibility In Mind), un’organizzazione nonprofit con sede alla Utah State University. WAVE è in sviluppo continuo dal 2001, il che lo rende il tool di audit per l’accessibilità web più longevo in circolazione.

Cosa fa WAVE

WAVE funziona in due modalità principali:

  1. wave.webaim.org — uno scanner hosted. Si incolla un URL; WAVE recupera la pagina e restituisce i risultati in una visualizzazione affiancata (pagina live a sinistra, annotazioni a destra).
  2. Estensione browser WAVE — un’estensione per Chrome/Edge/Firefox che valuta la pagina correntemente aperta nel browser. La pagina viene annotata con icone sovrapposte che indicano errori, avvisi, elementi strutturali, utilizzo di ARIA e contrasto cromatico.

Entrambe le modalità producono sostanzialmente lo stesso output: un elenco categorizzato di segnalazioni sovrapposto alla pagina live, così che il revisore possa vedere esattamente dove si trova ciascun problema.

Cosa rileva WAVE

I controlli di WAVE si sovrappongono in larga parte a quelli di axe-core, ma la presentazione è diversa: WAVE è pensato per i revisori umani che eseguono una verifica visiva, non per l’integrazione in CI. I risultati comprendono:

  • Errori — violazioni di accessibilità (alt mancante, bottoni vuoti, etichette assenti, contrasto insufficiente, riferimenti ARIA non validi).
  • Errori di contrasto — violazioni del contrasto cromatico rilevate con il proprio algoritmo (in linea di massima allineato a quello di WCAG).
  • Avvisi — problemi probabili che richiedono una valutazione umana (testo alternativo sospetto, alt molto lungo, possibili salti di livello nei titoli).
  • Caratteristiche positive — segnalazioni di accessibilità corrette (immagini con link e alt, etichette di form correttamente associate, dichiarazioni di lingua), utili per confermare ciò che funziona.
  • Elementi strutturali — landmark, titoli, elenchi e tabelle visualizzati. Utile per verificare che la struttura della pagina corrisponda all’intenzione.
  • ARIA — ogni attributo ARIA presente nella pagina, esposto per la revisione.

Quando WAVE batte axe-core

Per il revisore manuale, l’overlay visivo di WAVE è molto più rapido della vista ad albero di axe-core. Un revisore esperto può scorrere una pagina annotata da WAVE in pochi secondi e identificare i problemi che richiedono attenzione. L’output di axe-core, al contrario, è ottimizzato per il consumo programmatico.

Per l’integrazione in CI, axe-core è nettamente superiore. WAVE non dispone di un’interfaccia a riga di comando né di un formato di output adatto alla CI.

La combinazione pratica adottata dalla maggior parte dei programmi di accessibilità:

  • CI: axe-core (e/o Lighthouse) che blocca le pull request in presenza di nuove violazioni.
  • Revisione manuale: WAVE per l’audit visivo durante le release review, le verifiche spot e le indagini ad hoc.

Cosa WAVE non rileva

Le stesse limitazioni che si applicano a tutti gli strumenti automatizzati si applicano a WAVE:

  • Rileva l’alt mancante, ma non l’alt sbagliato.
  • Rileva le etichette mancanti, ma non le etichette fuorvianti.
  • Rileva i problemi strutturali (salti di livello nei titoli), ma non i problemi concettuali (struttura della pagina che non corrisponde ai contenuti).
  • Non è in grado di testare la navigazione da tastiera, l’ordine del focus né il comportamento effettivo degli screen reader.

Il limite del 30-40 % della rilevazione automatizzata si applica anche a WAVE. Lo strumento è eccellente nella parte dell’automazione dell’accessibilità che può essere automatizzata.

Il contributo più ampio di WebAIM

WebAIM pubblica diversi documenti di riferimento che completano WAVE:

  • Il WebAIM Million — analisi annuale dell’accessibilità sul milione di home page più visitate, condotta tramite test basati su WAVE. I rapporti mostrano costantemente che oltre il 95 % delle home page presenta problemi di accessibilità rilevabili automaticamente.
  • Il WebAIM Screen Reader User Survey — sondaggio demografico biennale sugli utenti di screen reader, la fonte più citata per le quote di mercato degli screen reader, le combinazioni browser e le preferenze in materia di tecnologia assistiva.
  • Una biblioteca di tutorial su testo alternativo, struttura delle tabelle, accessibilità dei PDF, sottotitoli e molti altri argomenti — redatti in modo pratico, non come semplice traduzione delle norme.