Semplicemente

Tutti i professionisti usano una serie di strumenti indispensabili per svolgere al meglio il proprio lavoro. Anche chi si occupa di accessibilità ha la sua cassetta degli attrezzi.

Ho già visto sul web elenchi simili, nulla di nuovo quindi. Vi propongo alcuni strumenti che uso per eseguire le verifiche di accessibilità.  Se ne conoscete altri, commentate ;).

Mirror

Fare una copia in locale del sito che devi analizzare è una cosa saggia. Questo perché così facendo ti proteggerai da eventuali contestazioni: nel report finale della tua analisi, infatti, specificherai che essa si basa esclusivamente sullo stato del sito alla data del mirror.

Un ottimo strumento open source per il mirroring è HTTrack. Nel caso di siti molto complessi e ricchi di contenuto multimediale è consigliabile impostare HTTrack in modo che non scarichi i file più pesanti, altrimenti rischieresti di invecchiare nell’attesa che il processo termini. Per fare ciò è necessario impostare delle regole di scansione quando configuri le opzioni per il mirror. Ecco le regole che uso:

1. +*.png +*.gif +*.jpg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar
-*.zip -*.tar -*.tgz -*.gz -*.rar -*.z -*.exe -*.msi -*.hqx
-*.mov -*.mpg -*.mpeg -*.avi -*.asf -*.mp3 -*.mp4 -*.mp2 -*.rm -*.wav -*.vob -*.qt -*.vid -*.ac3 -*.wma -*.wmv
-*.doc -*.xls -*.pdf -*.ppt -*.rtf -*.mdb -*.swf -*.smil

La sintassi come vedete è semplicissima: un - prima dell’estensione dei file che non vuoi scaricare, un + negli altri casi. Nelle mie regole consento lo scaricamento delle immagini, ma a volte è meglio disabilitare anche quello.

Software per la validazione

Sono fondamentali quando è necessario validare sintatticamente numeri enormi di pagine (per esempio se devi applicare la metodologia di verifica tecnica presente nel DM 8 luglio 2005) . Cosa impossibile da eseguire manualmente. I software che uso hanno entrambi un procedura batch per la validazione automatica di interi siti web:

• CSE HTML Validator Pro. Forse il più potente di tutti, anche se si prende alcune “libertà” interpretative su ciò che debba essere considerato errore. La configurazione fine è estremamente farraginosa. Meglio non superare il numero massimo di pagine consigliato (9.999).
• Total Validator Tool. E’ un parser SGML, utilissimo per eseguire validazioni simili a quelle del tool online del W3C ma senza le limitazioni di quest’ultimo. Si inceppa sui grandi numeri. Consiglio di non superare le 500 pagine.

Entrambi i software necessitano di una macchina con molta RAM e, ovviamente, una connessione performante aiuta.

Barra dell’accessibilità

Beh che dire, resta lo strumento principe per l’accessibilista. Inutile dilungarsi: andate subito a scaricarla! Io la preferisco in inglese, ma c’è anche una versione in italiano.

Estensioni di Firefox

Firefox è il mio browser preferito. Supporta bene gli standard e straripa di utili estensioni. Ma anche Opera non è male (basta leggersi la lista delle specifiche supportate). Chiaramente, quando si esegue una verifica bisogna usare sistemi operativi e browser differenti.

2. Metodologia per la verifica tecnica
[...]
c) esame della pagina con varie versioni di diversi browser grafici in vari sistemi operativi [...]

Non c’è scampo. Devi investire un po’ di soldini. Ci sono soluzioni di virtualizzazione che aiutano a risparmiare, per esempio per testare vecchie versioni di IE con XP o Vista c’è il gratuito Virtual PC. Oppure Parallels e VMWare Fusion per Mac.

Ecco le principali estensioni che uso (in ordine alfabetico):

• Colour Contrast Analyzer di Juicy Studio. Consente l’analisi del contrasto utilizzando l’algoritmo tradizionale (quello che impone il DM 8 luglio 2005) o l’analisi della differenza di luminosità.
• Firebug. Uno strumento meraviglioso che consente di modificare, eseguire il debug e monitorare il codice CSS, HTML e Javascript in tempo reale. Peccato che per ora non funzioni con Firefox 3.
• Firefox Accessibility Extension. Una raccolta di strumenti per l’accessibilità. Non compatibile con Firefox 3.
• FireShot. Per fare screenshot di qualità delle pagine web.
• Live HTTP Headers. Per curiosare nell’header HTTP della pagina.
• MeasureIt. Un righello virtuale per prendere le misure degli oggetti o delle distanze tra di essi.
• NoScript. Estensione fondamentale per disabilitare sul serio gli script. L’autore dell’estensione ha la tendenza all’aggiornamento compulsivo, ma se la usi non ne puoi più fare a meno. Oltre ad essere uno strumento di protezione eccezionale.
• Web Developer. Famosissima estensione pensata per gli sviluppatori. Indispensabile.
• X-Ray. Questa estensione consente di vedere i marcatori HTML sovrapposti al design della pagina. Purtroppo non funziona con Firefox 3.

Bene, ora la mia cassetta degli attrezzi non ha quasi più segreti. E voi? Quali strumenti usate?

Tag: estensioni, Firefox, test, verifica tecnica

Questo articolo è stato inviato Thursday 3 July 2008 alle 17:51 ed è archiviato nella categoria Accessibilità, Software. Puoi seguire le risposte tramite il feed RSS 2.0. Se lo desideri puoi lasciare un commento, o un trackback dal tuo sito.