COMUNE DI COMACCHIO. Provincia di Ferrara. Settore III Servizio Finanziario e Partecipate. Servizio Informatico Ufficio CED

Transcript

1 COMUNE DI COMACCHIO Provincia di Ferrara Settore III Servizio Finanziario e Partecipate Servizio Informatico Ufficio CED Accessibilità L'accessibilità di un sito web è il frutto di un insieme di tecniche ed attenzioni di progetto, realizzazione e manutenzione, volte a renderne i contenuti raggiungibili potenzialmente da chiunque, cercando di eliminare gli ostacoli alla fruizione, ostacoli derivanti da diverse condizioni oggettive e condizioni personali particolari: per fare qualche esempio, computer non aggiornati, differenti browser e risoluzioni video, connessioni lente, difficoltà visive, motorie o percettive, ma anche semplici difetti visivi, stanchezza, condizioni di fruizione non ottimali (esposizione a zone caotiche o rumorose come i cantieri, eccetera). Un percorso Rendere accessibile un sito web non è un punto d'arrivo, ma un impegnativo percorso che coinvolge ogni momento della realizzazione, dal progetto alla manutenzione: sappiamo che mantenere nel tempo questo standard è un obiettivo certamente ambizioso, ma la cui necessità resta fuori discussione. Inoltre, siccome nessun progetto è in sé esente da errori o imprecisioni, vi chiediamo di segnalarci gli eventuali problemi che riscontrerete nella navigazione. Sarà nostra cura provvedervi al più presto. Codice valido Utile punto di partenza è la correttezza formale della pagina, nel rispetto delle regole del W3C (World Wide Web Consortium ), secondo le quali il sito è stato realizzato in codice XHTML 1.1, perseguendo il principio della separazione tra contenuto informativo e presentazione formale, tramite l'uso sistematico dei fogli di stile(css2.1). Entrambi i codici sono poi stati verificati con i validatori ufficiali del W3C. I requisiti della Legge 04/2004 (la cosiddetta Legge "Stanca") - Adeguamento attuale e piano relativo Obiettivo del progetto è il rispetto, ora e nel tempo, dei 22 requisiti tecnici della legge Stanca, verificando tra l'altro i contrasti tra testo e sfondo con la formula colori del W3C. Potrebbero fare eccezione alcune immagini e loghi (sui quali non abbiamo controllo diretto), che non possono essere omessi per completezza o gradevolezza dell'informazione: ovviamente, in questi casi provvediamo ad associare un'informazione testuale equivalente. Una progettazione attenta alle differenze Le capacità di adattamento alle esigenze di ciascun utente sono un requisito importante: per questo il controllo degli aspetti formali (la presentazione dei contenuti) tramite i fogli di stile CSS, unito ad un design in grado di adattarsi alle diverse impostazioni dell'utente, permette di fruire i contenuti con una corretta impaginazione e senza perdita di informazioni.

2 Allo stesso modo, il sito è stato testato con i browser più diffusi per ottenere un aspetto costante ed accurato in ogni condizione, usando misure proporzionali per definire la grandezza dei vari caratteri, così che ciascun utente possa ridimensionare il testo secondo le proprie preferenze. Utilità per la navigazione Nell'ottica di una navigazione agevolata, abbiamo introdotto il cosiddetto "skip ": questo accorgimento permette di saltare la lettura di meccanismi di navigazione ripetitivi (quali ad esempio i menu), per accedere direttamente ai contenuti delle pagine; ancora, per migliorare la rapidità della consultazione, sono state introdotte alcune scorciatoie da tastiera (le cosiddette "accesskey "). Le combinazioni prevedono l'uso contemporaneo di ALT (+shift per gli utenti di Firefox ) o di CTRL (per utenti Apple), insieme ai seguenti tasti alfanumerici (se usate Internet Explorer sarà necessario premere anche INVIO per attivare il comando): Tasto 1 : riservato all'accesso diretto al contenuto principale della pagina; Tasto C : vai al campo editazione del modulo di ricerca del sito; Tasto H : torna alla pagina iniziale del sito (funzione ovviamente presente solo nella pagine interne). Per chi desideri un ulteriore approfondimento, si segnalano le sezioni allegate (nb: le analisi sono state effettuate a luglio 2012) Dichiarazione di conformità Rapporto di conformità

3 Dichiarazione di conformità Conformità e transizione (a luglio 2012) al rispetto dei 22 requisiti del regolamento tecnico della legge 04/2004 Come dichiarato nella pagina principale, con i validatori automatici del W3C è stata verificata la rispondenza alla definizione formale XHTML 1.1 e gli elementi/attributi sono stati utilizzati in modo semanticamente conforme alle specifiche del linguaggio stesso. Le diverse pagine sono state testate con i seguenti browser e relativi sistemi operativi, da una definizione standard di 1024x768 pixel a salire Piattaforma Windows: Internet Explorer 7-8-9, Opera, FireFox, Chrome, Safari (ultima versione); Piattaforma Apple: Safari e FireFox 3 (ultima versione); Piattaforma Linux: Konqueror e FireFox (ultima versione). Abbiamo riscontrato quanto segue: non vi sono differenze di funzionalità, contenuto informativo o presentazione della pagina degne di nota tra i browser usati per i test; le pagine rimangono fruibili anche in caso di disattivazione delle immagini e/o dei fogli di stile, linearizzazione, ingrandimento dei caratteri (carattere "molto grande" in Internet Explorer, ingrandimento del 200% in FireFox e Opera), disattivazione di script; la pagina risulta navigabile con il solo uso della tastiera e l'impiego di una normale abilità; Sono state verificate le differenze di luminosità e di colore tra il testo e lo sfondo secondo gli algoritmi e i limiti (125/500 punti) proposti dal W3C.

4 Rapporto di conformità Conformità (a luglio 2012) ai 22 requisiti del regolamento tecnico della legge 04/2004 Di seguito diamo l elenco delle conformità ai requisiti tecnici in modo dettagliato Requisito n. 1: 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 (Hypert-text Markup Language) e XHTML (extensible Hyper-text Markup Language) Il sito è realizzato con linguaggio a marcatura XHTML 1.1 e CSS 2.1. Il rispetto della correttezza formale e semantica delle pagine è stato verificato con il servizio di validazione automatica del W3C. Requisito n. 2: Non è consentito l uso dei frame nella realizzazione di nuovi siti. In sede di prima applicazione, per i siti Web esistenti già realizzati con frame è consentito l uso di HTML 4.01 o XHTML 1.0 con DTD frameset Il sito è realizzato con linguaggio a marcatura XHTML 1.1 dove il tag frame non è consentito, quindi strutture di pagina di questo tipo non sono presenti. Requisito n. 3: Fornire una alternativa testuale equivalente per ogni oggetto non di testo presente in una pagina e garantire che quando il contenuto non testuale di un oggetto cambia dinamicamente vengano aggiornati anche i relativi contenuti equivalenti predisposti; l alternativa testuale equivalente di un oggetto non testuale deve essere commisurata alla funzione esercitata dall oggetto originale nello specifico contesto. Lo strumento usato per l'aggiornamento del sito consente ai redattori l'inserimento delle alternative testuali e prevede anche la segnalazione agli stessi dell' eventuale mancanza di descrizione alternativa. I redattori sono anche stati formati ad una corretta scrittura delle descrizioni. Sono stati usati sistemi di validazione automatica per verificare che fossero presenti tutte le alternative testuali necessarie. Requisito n. 4: Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.

5 Lo stile generale delle pagine è pensato per evitare che il colore possa vincolare informazioni rilevanti e funzionalità. Ai redattori ricordiamo di evitare di scrivere contenuti strettamente connessi ai colori come veicolo di informazioni, del tipo Nel riquadro giallo trovi le informazioni utili, ecc. Abbiamo verificato manualmente che le informazioni siano del tutto comprensibili in assenza dei colori di formattazione associati. Requisito n. 5: 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. I redattori sono istruiti ad evitare l inserimento di immagini o contenuti lampeggianti. Abbiamo compiuto una verifica manuale sulle pagine del sito per escludere l inserimento di questi tipi di contenuto. Requisito n. 6: 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. Il contrasto tra contenuto e sfondo degli elementi informativi è stato verificato secondo l algoritmo di contrasto colore del W3C. Requisito n. 7: 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. Le mappe immagine del sito sono di tipo lato client. Abbiamo verificato che le mappe possano essere adeguatamente fruite da non vedenti, ipovedenti e disabili motori. Requisito n. 8: 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.

6 Nel sito non ci sono mappe immagine lato server Requisito n. 9: 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. Le tabelle dati sono state marcate per identificare le celle d intestazione di righe o colonne con l elemento th, differenziandole dalle normali celle di contenuto td. Nella tabella è possibile inoltre trovare un testo di sommario (l attributo summary ) che chiarisce in modo riassuntivo quali contenuti sono presentati all interno della stessa. Requisito n. 10: 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. Le tabelle dati con più livelli logici sono generalmente state semplificate in tabelle più semplici. Le tabelle con più livelli logici che non potevano essere semplificate sono state marcate secondo le indicazioni del W3C per essere fruibili dagli screen reader. Requisito n. 11: 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. Nel sito si realizza la separazione tra contenuto informativo e presentazione formale attraverso l uso dei fogli di stile. Abbiamo verificato che disabilitando i fogli di stile i contenuti continuano ad essere comprensibili. Requisito n. 12: 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. I contenuti si adattano al ridimensionamento della finestra del browser; il layout è stato studiato affinché la pagina si ridimensioni in maniera liquida senza perdita di comprensibilità da una dimensione minima di 1024*768 pixel a dimensioni maggiori.

7 Requisito n. 13: 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. Generalmente non sono presenti tabelle con funzione di impaginazione, in caso contrario sono state linearizzate verificando che le informazioni contenute non perdessero di significato a seguito della linearizzazione. Requisito n. 14: Nei moduli (form), associare in maniera esplicita le etichette ai rispettivi controlli, posizionandole in modo che sia agevolata la compilazione dei campi da parte di chi utilizza le tecnologie assistive. Nelle form le etichette sono state associate correttamente ai rispettivi campi da compilare. Abbiamo verificato che le associazioni fossero comprensibili da screen reader. Requisito n. 15: 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. Il sito funziona anche senza l uso di script o altri oggetti di programmazione. La verifica è stata condotta manualmente disabilitando gli stessi script e accertando la corretta funzionalità delle pagine. Requisito n. 16: 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. Abbiamo verificato manualmente con diversi sistemi di input e tecnologie assistive che si mantengano le funzionalità di gestione di eventi che attivano script o oggetti. Requisito n. 17: 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.

8 Abbiamo verificato, come specificato al punto precedente, che le funzionalità gestite da oggetti di programmazione siano accessibili. Requisito n. 18: 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. Nel caso di contenuti multimediali indispensabili per la completezza dell informazione è stata predisposta una alternativa testuale equivalente. Requisito n. 19: 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. Abbiamo istruito i redattori ad evitare inserimenti di contenuti testuali dei link poco significativi se letti fuori contesto, e ad evitare link con lo stesso testo che portano a pagine differenti. Requisito n. 20: 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. Le pagine possono essere fruite senza alcun problema di temporizzazione che ne pregiudichi l efficienza. Requisito n. 21: 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. I link sono selezionabili con ogni dispositivo. La spaziatura verticale e orizzontale tra link di una lista o consecutivi è gestita dal foglio di stile in modo che la distanza minima di almeno 0,5 em tra gli elementi sia

9 rispettata. Anche le etichette dei pulsanti dei moduli, governate dal foglio di stile, sono state verificate per riscontrarne l effettiva leggibilità. Requisito n. 22: Per le pagine di siti esistenti che non possano rispettare i sopraelencati 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. Non è necessaria una versione alternativa delle pagine poiché queste sono conformi ai punti sopra elencati della Verifica Tecnica.