Questo sito supera i 22 punti di controllo della Verifica Tecnica indicata nel decreto Ministeriale della Legge Stanca, può essere quindi navigato anche da quegli utenti che usano screen reader o tecnologie assistive.
Tutte le pagine del sito sono state esaminate tramite validatori automatici e sono conformi alla DTD (Document Type Definition) di tipo Strict come richiesto nel Requisito 1 del regolamento tecnico.
Le pagine sono state, inoltre, testate con diversi browser grafici e testuali, con diversi sistemi operativi, ci si è avvalsi del supporto di una persona non vedente che ha testato il sito con il sintetizzatore vocale Jaws.
Per facilitare la navigazione, sono stati introdotti specifici link, visibili solo con gli screen reader, che permettono di saltare direttamente ai contenuti delle pagine scelte, evitando ripetizioni di collegamenti già percorsi, così da avere una navigazione veloce anche per chi accede con l’uso combinato di screen reader e tastiera.
Per rendere le pagine completamente fruibili, sono state create funzioni alternative a quelle gestite da particolari script, nel caso in cui questi non siano supportati da tutti i browser.
Non sono stati creati frame, né sono stati utilizzati, al di fuori dei CSS, gli attributi per definire le caratteristiche grafiche della pagina.
Nel sito è presente un path di navigazione che permette di comprendere sempre in che punto ci si trovi.
I colori non sono aggressivi ed hanno un adeguato contrasto, in modo tale che anche le persone con difficoltà visive, possano navigarlo senza perdita di informazioni.
I caratteri possono essere ingranditi con il proprio browser, senza che ciò determini perdita di contenuti.
Le tabelle utilizzate a scopo di layout, sono comprensibili anche se lette in modo linearizzato.
Nel sito non sono presenti sfarfallii, né scritte e oggetti in movimento o lampeggianti, in modo da non provocare alcun disturbo all’utente.
Al fine di facilitare ulteriormente la navigazione, sono stati adottati alcuni accorgimenti inerenti l’usabilità: i contenuti sono equamente distribuiti all’interno della pagina; le parole e le sezioni in lingua straniera sono state correttamente marcate semanticamente.
Di seguito riportiamo i 22 punti di controllo della bozza di Verifica Tecnica, con indicazione delle modalità con le quali sono stati soddifatti i requisiti di accessibilità e delle tecniche di verifica adottate.
Requisito 1
Enunciato: Realizzare pagine e oggetti in esse contenuti con tecnologie definite da grammatiche formali pubblicate, utilizzando le versioni più recenti disponibili quando sono supportate dai programmi utente. Utilizzare elementi ed attributi in modo conforme alle specifiche, rispettandone l’aspetto semantico.
In particolare, per i linguaggi a marcatori HTML (HypertText Markup Language) e XHTML (eXtensible HyperText Markup Language):
Per tutti i siti di nuova realizzazione, utilizzare almeno la versione 4.01 dell’ HTML o la versione 1.0 dell’ XHTML, entrambe con DTD (Document Type Definition – Definizione del Tipo di Documento) di tipo Strict.
Metodologia di raggiungimento dell’obiettivo: Il sito è realizzato attraverso uno strumento che genera automaticamente pagine XHTML 1.0 Strict.
Tecnica di verifica: Tutte le pagine sono state validate con il Validatore del W3C (Validator W3C).
________________________________________
Requisito 2
Enunciato: Non è consentito l’uso dei frame nella realizzazione di nuovi siti. In sede di prima applicazione, per i siti esistenti giù realizzati con frame, è consentito l’uso di HTML 4.01 o XHTML 1.0 con DTD frameset con le seguenti avvertenze pianificare la transizione a XHTML almeno nella versione 1.0 con DTD Strict dell’intero sito. Il piano di transizione va presentato alla Presidenza del Consiglio dei Ministri – Dipartimento per l’Innovazione e le Tecnologie.
Metodologia di raggiungimento dell’obiettivo: Lo strumento utilizzato nella costruzione del sito non consente la realizzazione di pagine del sito contenti Frame o iFrame.
________________________________________
Requisito 3
Enunciato: Fornire una alternativa testuale equivalente per ogni oggetto non testuale presente in una pagina e assicurarsi che quando cambia dinamicamente il contenuto non testuale di un oggetto vengano aggiornati anche i suoi equivalenti. L’alternativa testuale equivalente di un oggetto non testuale deve essere commisurata alla funzione esercitata dall’oggetto nello specifico contesto.
Metodologia di raggiungimento dell’obiettivo: Ogni oggetto immagine presente dispone di un campo testuale (attributo ALT). Gli oggetti multimediali dispongono di un campo testo per inserire il transcript del contenuto multimediale (sia esso un filmato, un file audio o altro ancora).
Tecnica di verifica: Attraverso i software di validazione Watchfire WebXACT e Validator W3C abbiamo verificato la presenza del campo ALT in tutte le immagini. I singoli autori dei contenuti hanno verificato la correttezza logica delle descrizioni inserite.
________________________________________
Requisito 4
Enunciato: Assicurarsi che tutta l’informazione e tutte le funzionalità veicolate dal colore siano disponibili anche senza l’uso dello stesso.
Metodologia di raggiungimento dell’obiettivo: Gli elementi delle pagine sono personalizzati sia in termini grafici che di codice. Inoltre gli autori del sito hanno evitato frasi prive di significato per non vedenti e persone con disabilità nella percezione dei colori.
Tecnica di verifica: Esame a campione delle pagine del sito.
________________________________________
Requisito 5
Enunciato: Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di funzionamento possono provocare disturbi da epilessia fotosensibile, disturbi della concentrazione o che possono causare il malfunzionamento delle tecnologie assistive. Quando le esigenze informative richiedono comunque il loro utilizzo, avvisare l’utente del rischio e predisporre metodi che consentano di evitare tali oggetti.
Metodologia di raggiungimento dell’obiettivo: Si è scelto di evitare immagini animate ed animazioni flash se non strettamente necessari e comunque mai “lampeggianti”.
Tecnica di verifica: Esame a campione delle pagine del sito.
________________________________________
Requisito 6
Enunciato: Assicurarsi che il contenuto informativo (foreground) e lo sfondo (background) siano distinguibili, per mezzo di un sufficiente contrasto nel caso di testo oppure di differenza di livello sonoro in caso di parlato con sottofondo musicale. Un testo in forma di immagine è sconsigliato in genere ma, se non evitabile, deve essere realizzato con gli stessi criteri di distinguibilità indicati in precedenza, tenendo conto che in una immagine il contrasto e le dimensioni dei caratteri non sono modificabili dall’utente.
Metodologia di raggiungimento dell’ obiettivo: In questo sito l’aspetto delle pagine e degli oggetti che le compongono (titoli, paragrafi, ecc.) è definito in modo centralizzato attraverso i CSS. In questo modo, pur lasciando la massima flessibilità di impaginazione di ogni singola pagina, si assicura la coerenza grafica dell’intero sito.
Tecnica di verifica: La grafica utilizzata da questo sito è stata verificata applicando la formula del contrasto del colore W3C. Le pagine realizzate sono state poi controllate utilizzando Colour Contrast Analyzer 1.1.
________________________________________
Requisito 7
Enunciato: Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server, eccetto il caso in cui le zone sensibili non possano essere definite con una forma geometrica valida.
Metodologia di raggiungimento dell’obiettivo: Nella costruzione del portale si è deciso di non fare ricorso alle mappe immagine lato server.
________________________________________
Requisito 8
Enunciato: Se sono utilizzate mappe immagine lato server, fornire i collegamenti di testo alternativi necessari ad ottenere tutte le informazioni o i servizi raggiungibili tramite l’interazione con la mappa.
Metodologia di raggiungimento dell’obiettivo: Nella costruzione del portale si è deciso di non fare ricorso alle mappe immagine lato server.
________________________________________
Requisito 9
Enunciato: Usare elementi (marcatori) ed attributi per descrivere i contenuti e per identificare le intestazioni di righe e colonne all’interno di tabelle di dati.
Metodologia di raggiungimento dell’obiettivo: Le tabelle inserite e lo strumento consentono e rendono semplice l’utilizzo dei tag TH (intestazione di colonna), SUMMARY (didascalia della tabella) e CAPTION (titolo della tabella), secondo lo standard consigliato dal W3C.
Tecnica di verifica: Validazione del codice di tutte le pagine con il validatore W3C, controllo di tutto il sito con il software Watchfire WebXACT ed esame a campione di alcune pagine contenenti tabelle.
________________________________________
Requisito 10
Enunciato: Usare elementi (marcatori) per associare le celle di dati e le celle di intestazione nelle tabelle di dati che hanno due o più livelli logici di intestazione di righe o colonne.
Metodologia di raggiungimento dell’obiettivo: In questo sito si è scelto di non utilizzare tabelle a più livelli logici.
Tecnica di verifica: Validazione del codice di tutte le pagine con il Validatore W3C, controllo di tutto il sito con il software Watchfire WebXACT ed esame a campione di alcune pagine contenenti tabelle.
________________________________________
Requisito 11
Enunciato: Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati.
Metodologia di raggiungimento dell’obiettivo: L’impaginazione di questo sito è realizzata attraverso fogli di stile e senza l’uso di tabelle.
Nella costruzione dei templates, e quindi delle pagine, vengono sempre utilizzati i tag più appropriati per ogni situazione: H1 per i titoli, H2, H3 per i sottotitoli, P per i paragrafi, OL o UL per gli elenchi, STRONG ed EM per gli stili del testo; in questo modo anche disabilitando i fogli di stile le pagine possono essere lette senza problemi e conservano in modo completo il contenuto informativo e logico strutturale.
Tecnica di verifica: Validazione del codice di tutte le pagine con il validatore W3C, controllo di tutto il sito con il software Watchfire WebXACT ed esame a campione navigando il sito disabilitando i CSS oppure con un browser testuale.
________________________________________
Requisito 12
Enunciato: La presentazione e i contenuti testuali di una pagina devono potersi adattare all’interfaccia utilizzata dall’utente senza sovrapposizione degli oggetti presenti o perdita di informazioni tali da rendere incomprensibile il contenuto, anche in caso di ridimensionamento, ingrandimento o riduzione dell’area di visualizzazione e/o dei caratteri rispetto ai valori di default di tali parametri.
Metodologia di raggiungimento dell’obiettivo: Le pagine di questo sito si adattano alle differenti risoluzioni (impaginazione liquida) e tutti i testi possono essere ingranditi o rimpiccioliti con i comandi dei browser. Tutta l’impaginazione è basata su CSS.
Siccome sia codice del sito del sito sia del CSS sono corretti, validati e testati su differenti sistemi operativi e browser non è stato necessario fare ricorso a CSS Hack o a sistemi CrossBrowser.
Tecnica di verifica: Esame a campione di più pagine attraverso browser, sistemi operativi, risoluzioni video e dimensioni dei caratteri diverse.
________________________________________
Requisito 13
Enunciato: Qualora si utilizzino le tabelle a scopo di impaginazione assicurarsi che il loro contenuto sia comprensibile quando esse sono lette in modo linearizzato.
Metodologia di raggiungimento dell’obiettivo: In questo sito si è deciso di non utilizzare tabelle di impaginazione.
Tecnica di verifica: Verifica a campione delle pagine del sito attraverso il browser testuale Lynx e attraverso lo screen reader JAWS.
________________________________________
Requisito 14
Enunciato: Nei moduli (form), associare in maniera esplicita le etichette ai loro controlli, posizionandole in modo da agevolare la compilazione dei campi a chi utilizza le tecnologie assistive.
Metodologia di raggiungimento dell’obiettivo: E’ possibile realizzare form anche molto complessi senza la necessità di conoscere alcun linguaggio di programmazione.
Tecnica di verifica: Verifica di compilazione dei form con mouse e tastiera, con il browser testuale Lynx e con lo screen reader Jaws.
________________________________________
Requisito 15
Enunciato: Assicurarsi che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati. Se questo non è possibile garantire l’alternativa testuale equivalente in modo analogo a quanto indicato nel requisito n.3
Metodologia di raggiungimento dell’obiettivo: Le pagine sono state costruite avvalendosi del principio del Javascript non intrusivo, tenendo separati i livelli della struttura (HTML), della presentazione (CSS) e dell’interattività (Javascript). Gli effetti e le funzionalità fornite da JS, infatti, vengono applicate solo quando il supporto Javascript nel browser sia presente, senza però sacrificare la fruizione dei contenuti se tale supporto non è disponibile.
Tecnica di verifica: Anche disabiltando javascript le funzionalità mancanti sono assolutamente marginali e non pregiudicano la fruizione del sito, tanto che non è necessario alcuna alternativa testuale.
________________________________________
Requisito 16
Enunciato: Assicurarsi che i gestori di eventi che attivano script, applet oppure altri oggetti di programmazione o che possiedono comunque una loro specifica interfaccia, siano indipendenti da uno specifico dispositivo di input.
Metodologia di raggiungimento dell’obiettivo: Come spiegato al punto precedente (Requisito 15) gli unici due script utilizzati nel sito sono stati verificati con i princiapli browser e con le principali tecnologie assistive.
Tecnica di verifica: Verifica degli script con mouse e tastiera con i browser (Explorer, Mozilla, Opera, Netscape, Safari, Lynx) e conlo screen reader JAWS.
Requisito 17
Enunciato: Fare in modo che le funzionalità e le informazioni veicolate per mezzo di oggetti di programmazione, oggetti che utilizzino tecnologie non definite da grammatiche formali pubblicate, script e applet siano direttamente accessibili o compatibili con le tecnologie assistive.
Metodologia di raggiungimento dell’obiettivo: Come già illustrato al punto precedente (Requisito 15) gli script utilizzati da sono stati verificati anche con le tecnologie assistive. In ogni caso è possibile disabilitare tali script senza perdite di funzionalità.
Tecnica di verifica: Esame a campione delle pagine che utilizzano script.
________________________________________
Requisito 18
Enunciato: Qualora un filmato o una presentazione multimediale temporizzata siano indispensabili alla informazione fornita o alservizio erogato, sincronizzare con essi l’alternativa testuale equivalente, in forma di sotto-titolazione o descrizione vocale, oppure associarvi un riassunto o una semplice etichetta, a seconda del livello di importanza e delle difficoltà di realizzazione nel caso di presentazioni in tempo reale.
Metodologia di raggiungimento dell’obiettivo: Gli oggetti multimediali inseribili prevedono un campo testuale esteso ove inserire la descrizione dei contenuti multimediali stessi, gli autori dei contenuti sono stati formati all’inserimento di descrizioni esplicative e coerenti.
Tecnica di verifica: I singoli autori dei contenuti hanno verificato la presenza e la correttezza logica delle descrizioni inserite. Controllo a campione delle pagine.
________________________________________
Requisito 19
Enunciato: Rendere chiara la destinazione di ogni collegamento ipertestuale (link) con testi significativi anche se letti fuori dal loro contesto oppure associare ai collegamenti testi alternativi che siano a loro volta esplicativi della destinazione del collegamento. Prevedere meccanismi che consentano di evitare letture ripetitive di sequenze di collegamenti comuni a più pagine.
Metodologia di raggiungimento dell’obiettivo: Per evitare la lettura di seguenze di link ripetitive sono stati inseriti nei telai generali appositi link di salto ai contenuti (skiplink). Per la creazione di link significativi se letti fuori dal loro contesto sono stati opportunamente formati gli autori dei contenuti. Sono stati utilizzati anche alcuni tasti di scelta rapida (Accesskey), verificati con i principali browser al fine di evitare sovrapposizioni con i comandi da tastiera dei browser stessi.
Tecnica di verifica: attraverso il software di validazione Watchfire WebXACT abbiamo verificato i collegamenti ipertestuali. I link di salto (skiplink) sono stati verificati a campione anche attraverso screen reader.
________________________________________
Requisito 20
Enunciato: Qualora per la fruizione di un servizio erogato in una pagina sia previsto un determinato intervallo di tempo per il compimento di determinate azioni, è necessario avvertire di ciò l’utente, indicando anche il tempo massimo utile e fornendo eventuali alternative per fruire del servizio stesso.
Metodologia di raggiungimento dell’obiettivo: Non sono previste funzionalità a tempo.
________________________________________
Requisito 21
Enunciato: Fare in modo che i collegamenti presenti in una pagina siano selezionabili e attivabili tramite comandi da tastiera o tecnologia in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse. In particolare:
* la distanza verticale (interlinea) di liste di link sia di almeno 1 em;
* le distanze orizzontale e verticale tra i bottoni di un modulo (form) sia di almeno 1 em;
* le dimensioni dei bottoni in un form siano tali da rendere chiaramente leggibile l’etichetta in essi contenuta,per esempio utilizzando opportunamente il margine interno (padding) tra l’etichetta e i bordi del bottone;
* alle immagini sensibili si applicano gli stessi principi dei bottoni dei moduli, ricordando che in questo caso le dimensioni definite non sono modificabili.
Metodologia di raggiungimento dell’obiettivo: Tutti i link generati, siano essi link interni all’area contenuti di ogni pagina o link appartenenti ad indici di navigazione sono perfettamente selezionabili con ogni dispositivo, compresi tastiera o tecnologie in emulazione di tastiera. Nel sito, infatti, non viene utilizzato javascript java o flash per la gestione di link e menu e quindi ogni link è in puro XHTML. La spaziatura ed il posizionamento di link, pulsanti e campi dei form è definita in modo centralizzato attraverso fogli di stile CSS, semplificando così il raggiungimento dei requisiti dettati nella seconda parte del punto 21.
Tecnica di verifica: Verifica a campione delle pagine del sito attraverso dispositivi diversi dal mouse, controllo delle sequenze di link e dei form per la verifica della spaziatura e del dimensionamento degli oggetti.
________________________________________
Requisito 22
Enunciato: In sede di prima applicazione, per i siti esistenti, in ogni pagina che non può essere ricondotta al rispetto dei presenti requisiti, fornire un collegamento a una pagina che li rispetti, contenga informazioni e funzionalità equivalenti, e sia aggiornata con la stessa frequenza della pagina originale, evitando la creazione di pagine di solo testo. Il collegamento alla pagina accessibile deve essere proposto come scelta in modo evidente all’inizio della pagina non accessibile.
Metodologia di raggiungimento dell’obiettivo: Il sito è conforme a tutti i punti della presente Verifica Tecnica e non è quindi necessario realizzare versioni alternative delle pagine stesse.