LAU

1. Strumenti di supporto per lo sviluppatore

Di seguito viene fornita una lista commentata di utili strumenti di progettazione e sviluppo di siti web.

HTML e CSS:

• CSS Tab Designer [link esterno]
  È un tool molto facile da usare che consente di generare con i CSS menù orizzontali e verticali a partire da semplici liste.
• Firdamatic [link esterno]
  Un ottimo tool che consente di creare e gestire facilmente il layout di una pagina web.
• Layout-o-matic [link esterno]
  Un ottimo tool che consente di creare facilmente layout di pagine web a più colonne.
• List-o-matic [link esterno]
  È un tool che consente di creare facilmente menù orizzontali o verticali a partire da una semplice lista.
• HTML and CSS Table Border Style Wizard [link esterno]
  Un ottimo tool che consente di gestire l'aspetto delle tabelle. Ad ogni output viene dato il codice HTML e il CSS relativo.
• 80x15 Brilliant Button Maker [link esterno]
  Un tool utile che consente di creare e gestire facilmente l'aspetto dei pulsanti.
• Form Element Generator [link esterno]
  É un tool molto utile che consente di creare in pochi passi form accessibili.
• Accessible Pop-up Window Generator [link esterno]
  É un tool facile da utilizzare che consente di generare pop-up.
• Yes No Now [link esterno]
  È un tool che consente di generare facilmente radio button accessibili.
• Acrobot [link esterno]
  È un tool che consente di marcare in modo automatico gli acronimi e le abbreviazioni presenti in un documento.
• HTML to JavaScript Convertor [link esterno]
  È un tool che consente di convertire porzioni di codice html in javascript.
• Quick Escape [link esterno]
  È un tool che consente di convertire il testo in caratteri da inserire nel codice sorgente di una pagina html.
• LayoutGala [link esterno]
  Una galleria curata da Alessandro Fulciniti con layout scaricabili e personalizzabili creati con i CSS2.
• Selectest [link esterno]
  È uno strumento per Firefox che consente di verificare a quale porzione della pagina è associato un determinato selettore CSS.
• Fangs [link esterno]
  Fangs è un'estensione di Mozilla Firefox che consente di visualizzare i contenuti di una pagina web così come verrebbero letti da uno screen reader.

Colori e immagini :

• Online Image Optimizer [link esterno]
  Un utile tool che consente non solo di ottimizzare le immagini ma anche di convertirle nei formati più comuni (gif, jpeg e png).
• FavIcon Generator [link esterno]
  Un piccolo programma che consente di creare e personalizzare le icone che spesso vengono utilizzate nella barra dell'URL (favicon) o sul desktop.
• Slayer office color [link esterno]
  Uno strumento molto utile che consente di lavorare sulle diverse gradazioni dei colori.
• Pourpre [link esterno]
  È un tool che consente di gestire le diversi gradazioni di colore a partire da un colore di base.
• Color Schemer Online [link esterno]
  Un tool che consente di gestire e impostare le diverse gradazioni di colore.

Altri strumenti:

• A-Prompt [link esterno]
  Un tool che offre agli sviluppatori utili suggerimenti per il miglioramento dell'usabilità e accessibilità dei siti web.
• TypeTester [link esterno]
  Un ottimo tool che consente di gestire in modo facile la formattazione e lo stile del testo.
• Tooler | Herramientas online y Recursos [link esterno]
  Un ottimo sito in lingua spagnola che fornisce numerosi strumenti utili allo sviluppatore: ottimizzatori di codice HTML e CSS, ottimizzatori di immagini, ottimizzatori dei colori, ottimizzatori dei caratteri etc. Inoltre, fornisce altri tool alcuni dei quali utili per la gestione dei pulsanti e delle icone.
• User Experience en español [link esterno]
  Sito in lingua spagnola che fornisce numerosi strumenti utili allo sviluppatore per l'HTML e CSS, per la gestione dei colori, per la verifica dell'accessibilità e tanti altri.
• Free SEO Tools [link esterno]
  Un utile tool che consente di verificare l'indicizzazione e la popolarità dei siti web da parte dei motori di ricerca.
• JR Screen Ruler [link esterno]
  È un tool che consente di misurare gli oggetti presenti nello schermo.
• Favelets [link esterno]
  Uno strumento molto utile per il controllo degli oggetti inseriti in una pagina web (link, immagini, etc.).

torna su

2. Strumenti per la verifica dell'accessibilità dei siti web

Gli strumenti che possono essere utilizzati nello sviluppo o nella valutazione dell'accessibilità dei siti web e delle applicazioni informatiche sono diversi.
Allo scopo di accertare la conformità a tutti i requisiti tecnici della Legge Stanca e di verificare l'accessibilità reale del prodotto, si utilizzerà una metodologia di valutazione che fa ricorso a:

• strumenti automatici
• strumenti semi-automatici.

Strumenti automatici

La verifica con sistemi di validazione automatica è utile a valutare la rispondenza del linguaggio utilizzato alla sua definizione formale.

Strumenti automatici per la validazione del codice HTML:

• W3C Validatore HTML [link esterno] - inglese
  Il servizio di validazione delle grammatiche formali fornito dal W3C.
• HTML Tidy [link esterno] - inglese
  HTML Tidy è un programma di analisi e correzione di file HTML creato da Dave Raggett del W3C.
• Doctor HTML [link esterno] - inglese
  Programma per la convalida del codice HTML.
• WDG HTML Validator [link esterno] - inglese
  Validatore di pagine HTML sviluppato da WDG.
• Site Valet [link esterno] - inglese
  Sistema automatico per la validazione del codice HTML.

Strumenti automatici per la validazione dei CSS:

• Juicy Studio: test di accessibilità nei CSS [link esterno] - italiano
  Strumento per il controllo e l'analisi dei fogli di stile.
• W3C validatore Css [link esterno] - italiano
  Sistema automatico di validazione dei fogli di stile (CSS).

Strumenti automatici per la validazione degli RSS

• Feed Validator W3C [link esterno] - inglese
  Il Feed Validator Service del W3C.
• feedvalidator [link esterno] - inglese
  Un validatore on-line del codice XML dei feed RSS.

Strumenti automatici per la verifica dell'accessibilità dei siti web:

• webxact [link esterno] - inglese
  Fornisce una valutazione complessiva e una dettagliata analisi dell'accessibilità di una pagina web.
• Torquemada [link esterno] - italiano
  Strumento per il controllo dell'accessibilità dei siti web.
• ATRC - Verificatore di Accessibilità Web (Italian Beta) [link esterno] - italiano
  Strumento che consente di verificare l'accessibilità dei siti web a partire dalla scelta della linea guida desiderata.
• TAW [link esterno] - spagnolo
  Strumento per l'analisi dell'accessibilità dei siti web.
• WAVE 3.0 Accessibility Tool [link esterno] - inglese
  Strumento per il controllo dell'accessibilità dei siti web.
• A-Prompt Toolkit [link esterno] - inglese
  A-Prompt è un software per la verifica dell'accessibilità delle pagine web.
• Cynthia Says Portal [link esterno] - inglese
  Uno strumento per la verifica on line della conformità di un sito alle regole della section 508 in vigore negli Stati Uniti e alle regole delle WCAG.

Strumenti automatici per la verifica dei colori e l'accessibilità:

• Juicy Studio - Colour Contrast Analyser [link esterno] - inglese
  Strumento per la verifica contrasto colori.
• Versione italiana del Colour Contrast Analyser 1.0 [link esterno] - italiano
  Strumento per la verifica contrasto colori.
• Colorblind Web Page Filter [link esterno] - inglese
  Un test on line che permette di vedere i colori delle proprie pagine web così come li vedrebbero persone affette da varie forme di cecità ai colori.
• Vischeck [link esterno] - inglese
  Vischeck è uno strumento on line che permette di vedere i colori delle proprie pagine web così come le vedrebbero persone affette da varie forme di cecità ai colori.
• bazzmannmag [link esterno] - italiano
  Strumento per la verifica della correttezza della luminosità e del contrasto dei colori dei siti web, basato sull'algoritmo suggerito dal W3C.
• ColorVision [link esterno] - inglese
  Questo sito contiene tavolozze di colori dinamiche, che mostrano le alterazioni nella visione dei colori, da cui sono colpite le persone che soffrono di discromatopsie.

Altri strumenti:

• Un validatore per le gif animate [link esterno] - italiano
  Strumento che consente di misurare il flicker rate delle gif animate presenti in una pagina Web.
• BrowserCam [link esterno] - inglese
  Strumento che consente di verificare la compatibilità delle pagine web con diversi browser.
• Dr. Watson [link esterno] - inglese
  Strumento per la verifica tecnica delle pagine web: validità dei collegamenti, velocità di download, compatibilità con i motori di ricerca e altro.
• W3C Link Checker [link esterno] - inglese
  Strumento automatico per il controllo dei link presenti in una pagina web.
• Juicy Studio - Link Analyser [link esterno] - inglese
  Strumento automatico per il controllo dei link presenti in una pagina web.
• ht://Check [link esterno]
  Applicazione open-source per sistemi Linux in grado di controllare l'integrità dei link, validare l'accessibilità dei contenuti e memorizzare informazioni di Web structure mining.
• Web Page Backward Compatibility Viewer [link esterno] - inglese
  La pagina consente di testare la compatibilità di una pagina web in differenti modalità.
• GetContentSize [link esterno] - inglese
  Strumento per l'analisi del contenuto di una pagina web.
• Juicy Studio - Readability Test [link esterno] - inglese
  Strumento per la verifica della leggibilità di una pagina web.
• Juicy Studio - Image Analyser [link esterno] - inglese
  Strumento analizzatore immagini.

Strumenti semi-automatici

L'utilizzo di strumenti semiautomatici di valutazione dell'accessibilità è utile ad evidenziare problemi non riscontrabili dalle verifiche automatiche.
Tra gli strumenti semiautomatici più utili si segnalano le barre dell'accessibilità integrabili con i browser più diffusi:

• La barra dell'accessibilità per Internet Explorer [link esterno]
• Web Developer Toolbar & Menu for Opera 8 [link esterno]
• Web Developer Toollbar per Firefox e Mozilla [link esterno]

Valutazione manuale

La valutazione manuale è necessaria per evidenziare problemi non riscontrabili dalle verifiche automatiche e semi-automatiche.
Ecco alcuni suggerimenti:

• disabilitare le immagini e verificare se sono disponibili testi alternativi appropriati;
• disattivare l'audio ed assicurarsi che i contenuti audio siano ancora disponibili attraverso degli equivalenti testuali;
• usare i controlli del browser per modificare la grandezza dei caratteri: verificare che la grandezza dei caratteri sullo schermo vari in modo corrispondente; e che la pagina sia ancora usabile una volta ingranditi i caratteri;
• provare con differenti risoluzioni dello schermo e/o ridimensionando la finestra dell'applicazione a meno della sua grandezza massima, per verificare che non è richiesto lo scorrimento orizzontale;
• modificare il colore dello schermo a scala di grigi (oppure stampare la pagina in scala di grigi o in bianco e nero) ed osservare se il contrasto dei colori è adeguato;
• senza usare il mouse, tabulare attraverso i collegamenti ed i controlli dei moduli presenti sulla pagina, assicurandosi che si può accedere a tutti i collegamenti e a tutti i controlli dei moduli, e che i collegamenti indichino chiaramente a cosa conducono;
• esaminare infine la pagina con script, fogli di stile ed applet non caricati.

torna su

3. Strumenti di supporto alle tecnologie assistive

Nell'area dell'accessibilità del web, le più comuni tecnologie assistive basate su software includono lettori di schermo, ingranditori di schermo, sintetizzatori vocali e software di riconoscimento della voce che operano congiuntamente a browser con desktop grafico (tra gli altri interpreti). Le tecnologie assistive di tipo hardware includono tastiere alternative e dispositivi di puntamento.

Screen reader:

• Jaws [link esterno]
  Questo programma della "Freedom Scientific" è probabilmente il migliore screen reader per quantità di funzionalità, ricco a dismisura di comandi per l'accesso ai programmi e per la navigazione in rete.
• Home Page Reader [link esterno]
  Home Page Reader (prodotto della IBM) è un browser web con funzioni vocali.
• Window Eyes [link esterno]
  Window Eyes di GW Micro fornisce un controllo completo su quanto viene vocalizzato.
• HAL [link esterno]
  Prodotto dalla Dolphin che sta raggiungendo una certa diffusione, per via delle sua prestazioni che sono ormai di buon livello e anche del suo costo, inferiore a quello di JAWS.
• LookOUT [link esterno]
  Screen reader prodotto da Choice Technology (UK) Ltd.
• OutSPOKEN [link esterno]
  Screen reader prodotto da ALVA Access Group.
• Virgo [link esterno]
  Screen reader prodotto da Baum Engineering SRL.

Browser con funzioni particolari per l'accessibilità

• Opera [link esterno]
  Opera è uno dei browser più utilizzati dai disabili.
• Lynx [link esterno]
  Lynx è un browser testuale per il web.
• Amaya [link esterno]
  Amaya è un software open source progettato dal W3C.
• BrailleSurf4 [link esterno]
  BrailleSurf 4 è un browser che consente una lettura semplificata delle pagine web.
• BrookesTalk [link esterno]
  BrookesTalk è un browser per non vedenti e ipovedenti, utilizzabile solo da tastiera usando le function keys.
• Net-Tamer [link esterno]
  È un browser vocale con varie funzioni internet per non vedenti.
• EMACSPEAK [link esterno]
  È un browser che funziona su Unix e Linux.

torna su

4. Verifica dell'esperto tecnico

Al di là degli strumenti, è necessaria la verifica dell'esperto che garantisca l'uso degli elementi e degli attributi secondo le specifiche del linguaggio.
L'esperto è in grado ad esempio di verificare che: nell'XHTML gli elementi header siano stati utilizzati per strutturare il contenuto e non per ottenere effetti grafici; nei CSS2 siano state utilizzate unità di misura tali da consentire all'utente di disporre dei contenuti secondo le proprie preferenze di presentazione.

torna su

5. Esame della pagina con diversi browser

L'esame della pagina con diversi browser grafici, in differenti versioni e in diversi sistemi operativi, permette di capire se contenuto e funzionalità presenti in una pagina siano gli stessi nei vari browser.

torna su

6. Test con utenti disabili

Nella convinzione che l'obiettivo finale non sia unicamente quello di ottenere certificazioni dai validatori automatici ma di soddisfare pienamente le esigenze degli utenti, si considera fondamentale il loro riscontro al fine di valutare la reale accessibilità del sito.

torna su