Per “accessibilità” s’intende la capacità dei sistemi informatici di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari; è opportuna inoltre l’adozione di regole informatiche che permettano di accedere ai contenuti di un sito web a prescindere dal particolare interprete in uso (browser normali, browser basati su dispositivi di sintesi vocale, telefoni cellulari, personal computer per automobili, ecc.) o da limitazioni di varia natura (ambienti rumorosi, stanze sottoilluminate o sovrailluminate, necessità di avere in qualunque momento le mani libere , ecc.). 
Questo sito è stato realizzato con l'obiettivo di ottemperare a tutti i requisiti di accessibilità delle WCAG 1.0 e a quelli previsti dalla cosiddetta Legge Stanca (L. 4/2004), dal DPR 1/3/2005 n° 75, dal DM 8/7/2005. 
Di seguito riportiamo l’elenco dei 22 punti di controllo previsti dall’allegato A del DM 8/7/2005 (http://www.pubbliaccesso.gov.it/normative/DM080705-A.htm), con l’indicazione delle modalità con le quali sono stati soddifatti i requisiti di accessibilità e delle tecniche di verifica adottate.

Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle 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 preferibilmente la versione 1.0 dell’XHTML, in ogni caso conDTD (Document Type Definition - Definizione del Tipo di Documento) di tipo Strict.
Metodologia di raggiungimento dell'obiettivo: il sito è realizzato tramite il software Dreamweaver 8.0
Tecnica di verifica: Tutte le pagine sono state validate con il Validatore del W3C (http://validator.w3.org).

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: Tramite il software Dreamweaver 8.0 è stato ignorato l’utilizzo dei frame.

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 il software di validazione Bobby 5.0 (http://www.watchfire.com/products/desktop/bobby/default.aspx) abbiamo verificato la presenza del campo ALT in tutte le immagini. I singoli autori dei contenuti hanno verificato la correttezza logica delle descrizioni inserite.

Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.
Metodologia di raggiungimento dell'obiettivo: attraverso il software Dreamwavere 8.0 gli elementi delle pagine sono personalizzati sia in termini grafici che di codice; ad esempio nei menu di navigazione la pagina corrente è identificata sia con un colore diverso sia con l'uso del tag strong al posto del tag A. Inoltre gli autori del sito hanno evitato frasi del tipo "guarda il box rosso" perchè sarebbero prive di significato per non vedenti e persone con disabilità nella percezione dei colori. 
Tecnica di verifica: Esame a campione delle pagine del sito.

Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile o disturbi della concentrazione, ovvero possano causare il malfunzionamento delle tecnologie assistive utilizzate; qualora esigenze informative richiedano comunque il loro utilizzo, avvertire l’utente del possibile rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi.
Metodologia di raggiungimento dell'obiettivo: E' stato insegnato agli autori dei contenuti 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.

Garantire che siano sempre distinguibili il contenuto informativo (foreground) e lo sfondo (background), ricorrendo a un sufficiente contrasto (nel caso del testo) o a differenti livelli sonori (in caso di parlato con sottofondo musicale); evitare di presentare testi in forma di immagini; ove non sia possibile, ricorrere agli stessi criteri di distinguibilità indicati in precedenza.
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 attraverso lo strumento di validazione CSS JuicyStudio (http://www.juicystudio.com/services/csstest.asp#contrast). Inoltre sono state condotte verifiche a campione su alcune pagine del sito.

Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server, salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata.
Metodologia di raggiungimento dell'obiettivo:  le mappe immagine possono essere inserite solo dai responsbaili del sito e non dagli utenti. In questo sito gli amministratori hanno scelto di non utilizzare mappe immagine, quindi il Requisito 7 non è applicabile.

In caso di utilizzo di mappe immagine lato server, fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa.
Metodologia di raggiungimento dell'obiettivo: le mappe immagine possono essere inserite solo dai responsbaili del sito e non dagli utenti. In questo sito gli amministratori hanno scelto di non utilizzare mappe immagine, quindi il Requisito 8 non è applicabile.

Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne.
Metodologia di raggiungimento dell'obiettivo: Il software Dreamweaver 8.0 supporta tabelle dati ad un livello logico (N righe per M colonne) e consente di specificare le intestazioni di riga e/o di colonna generando automaticamente tag TH al posto dei tag TD per le celle di intestazione. Per ogni tabella dati è possibile specificare il sommario (attributo SUMMARY). E' possibile importare con una sola operazione di copia ed incolla intere tabelle dati da Word, Excel, WordPerfect o altri software di Office Automation: Dreamweaver 8.0  riconosce il numero di righe e colonne ed incolla i valori delle celle eliminando gli eventuali attributi di formattazione così da formattare i dati con il solo uso dei CSS centralizzati. 
Tecnica di verifica: Validazione del codice di tutte le pagine con il validatore W3C, controllo di tutto il sito con il software Bobby 5.0 ed esame a campione di alcune pagine contenenti tabelle.

Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti nella DTD adottata per associare le celle di dati e le celle di intestazione che hanno due o più livelli logici di intestazione di righe o colonne.
Metodologia di raggiungimento dell'obiettivo: Il software Dreamweaver 8.0 non supporta tabelle aventi più di un livello logico. Nel caso sia indispensabile utilizzarle è possibile importare pagine o porzioni di pagine xhtml contenenti tabelle accessibili a più livelli logici. 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 Bobby 5.0 ed esame a campione di alcune pagine contenenti tabelle.

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. Con il software Dreamweaver 8.0  i telai generali, poichè realizzati inXHTML, possono essere impaginati con CSS o con tabelle. Il contenuto della pagina, generato direttamente dal motore Dreamweaver 8.0, è sempre privo di tabelle di impaginazione. 
Il software Dreamweaver 8.0  utilizza sempre i tag più appropriati per ogni situazione: H1 per i titoli, H2 per i sottotitoli, P per i paragrafi, OL per gli elenchi, STRONG ed EM per l'evidenziazione 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 Bobby 5.0 ed esame a campione di alcune pagine utilizzando la Accessibility Toolbar per disabilitare i fogli di stile.

La presentazione e i contenuti testuali di una pagina devono potersi adattare alle dimensioni della finestra del browser 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 o dei caratteri rispetto ai valori predefiniti 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
Tecnica di verifica: Esame a campione di più pagine attraverso browser, risoluzioni video e dimensioni dei caratteri diverse.

In caso di utilizzo di tabelle a scopo di impaginazione, garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato.
Metodologia di raggiungimento dell'obiettivo: Con il software Dreamweaver 8.0 i telai generali delle pagine possono essere realizzati con tabelle o con CSS. Il contenuto delle pagine, generato è sempre privo di tabelle di impaginazione. In questo sito si è deciso di  utilizzare in parte tabelle di impaginazione. 
Tecnica di verifica: Verifica a campione delle pagine del sito attraverso il browser testuale Lynx e attraverso lo screen reader Jaws.

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. Nell'editor visuale Dreamweaver 8.0  si inseriscono gli oggetti base del form (quali campi di testo, menu a discesa, ecc.) ed in fase di pubblicazione il software genera automaticamente il codice associando correttamente le etichette ad ogni campo del form. 
Tecnica di verifica: Verifica di compilazione dei form con mouse e tastiera, con il browser testuale Lynx e con lo screen reader Jaws.

Garantire che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati; ove ciò non sia possibile fornire una spiegazione testuale della funzionalità svolta e garantire una alternativa testuale equivalente, in modo analogo a quanto indicato nel requisito n. 3.
Metodologia di raggiungimento dell'obiettivo: I siti basati sul software Dreamweaver 8.0  funzionano senza l'uso di java o flash poichè tutte le funzionalità interattive utilizzano codice lato server. Possono essere utilizzati unicamente due javascript opzionali. Il primo viene utilizzato nel caso si desideri inserire i valori predefiniti dei campi dei form (come richiesto dalle WCAG 1.0 al punto 10.4) al fine di eliminare i valori di default quando si entra nel campo. Nel caso Javascript non sia supportato si deve semplicemente eliminare i valori di default manualmente. Il secondo script è utilizzato per aprire i link in nuove finestre, aggirando la limitazione del linguaggio XHTML strict che ha abolito l'attributo target. In questo caso se l'autore dei contenuti sceglie di aprire la destinazione del link in una nuova finestra il javascritp provvede ad avvertire l'utente accodando l'avviso al campo title del link (come richiesto dalle WCAG 1.0 al punto 10.1). Nel caso javascript non sia supportato il link non si apre in una nuova finestra e non viene accodato l'avviso. 
Tecnica di verifica: Anche disabilitando javascript le funzionalità mancanti sono assolutamente marginali e non pregiudicano la fruizione del sito, tanto che non è necessario alcuna alternativa testuale.

Garantire che i gestori di eventi che attivano script, applet o altri oggetti di programmazione o che possiedono una propria 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 principali 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.

Garantire che le funzionalità e le informazioni veicolate per mezzo di oggetti di programmazione, oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate, script e applet siano direttamente accessibili.
Metodologia di raggiungimento dell'obiettivo: Come già illustrato in relazione al Requisito 15 gli unici due script utilizzati 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.

Nel caso in cui un filmato o una presentazione multimediale siano indispensabili per la completezza dell’informazione fornita o del servizio erogato, predisporre una alternativa testuale equivalente, sincronizzata in forma di sotto-titolazione o di descrizione vocale, oppure fornire un riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficoltà di realizzazione nel caso di trasmissioni 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: Attraverso un nuovo strumento di analisi sono stati esaminati, attraverso un unico report riassuntivo, tutti i contenuti multimediali per verificare la significatività delle descrizioni testuali associate.

Rendere chiara la destinazione di ciascun collegamento ipertestuale (link) con testi significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possiedano analoghe caratteristiche esplicative, nonché prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.
Metodologia di raggiungimento dell'obiettivo: 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 Bobby 5.0 abbiamo verificato i collegamenti ipertestuali.

Nel caso che per la fruizione del servizio erogato in una pagina è previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni, è necessario avvisare esplicitamente l’utente, indicando il tempo massimo consentito e le alternative per fruire del servizio stesso.
Metodologia di raggiungimento dell'obiettivo: Unica sezione che prevede sessioni temporali e la sezione dei “corsi web”.  Il visitatore è stato avvisato sulla scadenza temporale delle sessioni.

Rendere selezionabili e attivabili tramite comandi da tastiere o tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse i collegamenti presenti in una pagina; per facilitare la selezione e l’attivazione dei collegamenti presenti in una pagina è necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 0,5 em, le distanze orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0,5 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l’etichetta in essi contenuta.
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.

Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti (pagine non accessibili), in sede di prima applicazione, fornire il collegamento a una pagina conforme a tali requisiti, recante informazioni e funzionalità equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza, evitando la creazione di pagine di solo testo; il collegamento alla pagina conforme deve essere proposto 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.





web design - hosting - software
© Copyright 2013 Comune di Pistoia
redazione web - note legali - privacy
- Ultimo aggiornamento 27/03/2013 -Valid XHTML 1.0 Strict Valid CSS!