Verifica tecnica accessibilità

Transcript

1 Verifica tecnica accessibilità Realizzato secondo il modello predisposto dal CNIPA per i soggetti di cui all articolo 3, comma 1, della legge 9 gennaio 2004, n. 4 Soggetto interessato: Comune di San Mauro Torinese Verifica effettuata da: CIC scrl Data verifica: 21 luglio 2009 URL del sito web in oggetto: Valutazione conclusa in data: 21 luglio 2009 La valutazione è stata effettuata utilizzando i seguenti browser grafici (devono essere almeno due di larga diffusione): Browser Versione Ambiente Operativo Internet Explorer 6.0 Windows XP Internet Explorer 7.0 Windows XP Firefox 3.1 Windows XP Google Chrome 1.0 Windows XP La valutazione tramite strumenti automatici o semiautomatici delle pagine del sito è stata effettuata utilizzando le seguenti applicazioni: Nome Versione Ambiente Operativo Barra dell'accessibilità", di AIS (Accessible Information 1.2 Windows XP Solution), versione italiana a cura di "webaccessibile.org" Browser grafici (vedi elenco in tabella precedente) Windows XP Browser testuale (simulatore di Linx disponibile on line: Windows XP 1

2 Pagine Verificate La verifica è stata fatta su un totale di 20 pagine generate dinamicamente dall applicativo CMS, comprendenti la home page del sito e altre 19 pagine scelte a caso. Elenco delle pagine sottoposte a verifica: La verifica automatica della correttezza del codice xhtml ha evidenziato che tutte le pagine campione sono validate dai sistemi del w3c e risultano conformi alle specifiche formali XHTML 1.1 e CSS

3 Verifica dei requisiti richiesti dall allegato tecnico (Decreto Ministeriale 8/7/2005) Requisito n. 1 - Formato delle Pagine Utilizzare grammatiche formali. Utilizzare quelle più recenti quando supportate dai programmi utente. Per tutti i nuovi siti utilizzare preferibilmente almeno XHTML 1.0 strict, in subordine HTML 4.01 strict. E stata verificata la home Page del sito ed altre 19 pagine dinamiche restituite dal CMS. Alla data di effettuazione della verifica, tutte le pagine dichiarano la conformità ad XHTML 1.1 e sono validabili direttamente dall'utente cliccando sul relativo logo al fondo della pagina. Tutte le pagine esaminate sono risultate valide. Requisito n. 2 - Non utilizzare i Frame Non è consentito l'uso dei frame nella realizzazione di nuovi siti). Il sito non utilizza frame. Requisito n. 3 - Fornire un'alternativa testuale Fornire una alternativa testuale equivalente per ogni oggetto non di testo presente in una pagina) 3

4 Sono state verificate tutte le immagini presenti sulla home page del sito e sulle altre pagine oggetto di valutazione. Alla data di effettuazione della verifica per tutte le immagini non di sfondo viene fornito un testo alternativo adeguato. La procedura di inserimento di nuove immagini da parte del personale consente l inserimento sistematico del testo alternativo. Requisito n. 4 - Informazioni indipendenti dai colori Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina). Non sono stati riscontrati casi importanti in cui il colore degli elementi del sito costituisce informazione essenziale. L informazione è un collegamento ipertestuale viene data attraverso la sottolineatura del testo. Tenendo però conto che al passaggio del mouse sopra l ipertesto viene evidenziato con la sottolineature, oltre che con la modifica della forma del cursore, non dovrebbero esserci problemi. Requisito n. 5 - Evitare oggetti lampeggianti o in movimento Evitare oggetti e scritte lampeggianti o in movimento. Sulla HomePage è presente un immagine lampeggiante, gif animata, sulla differenziazione dei rifiuti, la cui pubblicazione sul sito istituzionale del comune è richiesta dalla Regione Piemonte. Il test effettuato con il metodo di calcolo Ridpath, algoritmo W3C, presente sulla barra dell accessibilità, restituisce quanto segue: Non ci sono variazioni tali da rientrare nella gamma pericolosa. 4

5 Requisito n. 6 - Garantire un contrasto sufficiente Garantire che siano sempre distinguibili il contenuto informativo (Foreground) e lo sfondo (background), ricorrendo a un sufficiente contrasto. Le differenze di luminosità e di colore tra il testo e lo sfondo vanno calcolati secondo i seguenti algoritmi (vedi allegato A punto 2d): 1. differenza di luminosità: calcolo della luminosità dei colori di testo e di sfondo con la formula: ((Rosso X 299) + (Verde X 587) + (Blu X 114)) / 1000, in cui Rosso, Verde e Blu sono i valori decimali dei colori; il risultato deve essere non inferiore a differenza di colore: calcolo della differenza di colore con la formula[max (Rosso1, Rosso2) - Min (Rosso1, Rosso2)] + [Max (Verde1, Verde2) - Min (Verde1, Verde2)] + [Max (Blu1, Blu2) Min (Blu1, Blu2)], in cui Rosso, Verde e Blu sono i valori decimali dei colori e Max e Min il valore massimo e minimo tra i due presi in considerazione; il risultato deve essere non inferiore a 500. L analisi del contrasto dei vari elementi del sito ha verificato che questo è sufficiente a garantire che il contenuto informativo sia sempre distinguibile. E' stato inoltre verificato con l'uso di idonei strumenti software (presenti sulla barra dell accessibilità), che la differenza di luminosità e' sempre superiore a 125 ed il contrasto dei colori è sempre superiore a 500, come previsto dalla normativa. Requisito n. 7 - utilizzare mappe sensibili lato client 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. Il sito non utilizza mappe di immagini. 5

6 Requisito n. 8 - fornire testo alternativo alla mappa lato server 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. Il sito non utilizza mappe immagini lato server. Requisito n. 9 - Descrivere le tabelle 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. Sono state analizzate tutte le tabelle presenti sulle pagine esaminate e si è accertato che tutte utilizzano gli elementi e gli attributi previsti. In particolare è sempre valorizzato l attributo summary dell elemento table, l elemento caption e l elemento intestazione th. Il personale ha avuto istruzioni per gestire le tabelle in maniera conforme alla norma. Requisito n Associare le celle dei dati alle celle di intestazione 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 sono a norma, come descritto nel requisito precedente. 6

7 Requisito n Usare opportunamente i fogli di stile 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. Il sito utilizza fogli di stile situati per la maggior parte in documenti separati, ed i contenuti possono essere letti anche quando i fogli di stile sono disattivati. I fogli di stile sono validabili direttamente dall utente cliccando sul relativo logo al fondo della pagina. Tutti i fogli di stile presenti nelle pagine esaminate sono stati analizzati con sistemi automatici e sono validi. Le modifiche o l inserimento di eventuali nuovi fogli di stile saranno effettuati esclusivamente da tecnici abilitati, che ne verificheranno puntualmente la validità. Requisito n Grafica liquida 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 di questo sito si adattano abbastanza bene al variare delle dimensioni della finestra del browser ed al variare delle dimensioni dei caratteri. L ingrandimento o la riduzione dei caratteri è possibile via browser. 7

8 Requisito n Tabelle linearizzabili 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. Alla data di effettuazione della verifica nel sito non vi sono tabelle utilizzate a scopo di impaginazione. Il personale che inserisce contenuti è stato istruito per utilizzare le tabelle in maniera conforme alla normativa e di verificarne sistematicamente la validità. Requisito n Associare esplicitamente le etichette ai controlli 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. Il sito utilizza un form, per la ricerca, con un unico controllo input per inserire le parole chiavi da cercare ed un pulsante per avviare la ricerca, che non hanno etichette esplicite, ma sono comunque descritti in maniera chiara ed accessibile con l uso dell attributo title. Requisito n Sito fruibile anche con oggetti di programmazione disabilitati : 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. 8

9 Questo sito utilizza degli script sul lato client che utilizzano il linguaggio standard "EcmaScript" (anche noto come Javascript). Tutto il codice risiede su documenti esterni alla pagina XHTML e le funzionalità essenziali funzionano con i vari browser grafici utilizzati per la verifica. Requisito n Indipendenza degli oggetti di programmazione 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. L'attivazione degli script, utilizzati principalmente per il cambio dei fogli di stile attivi e per modificare la dimensione dei caratteri, è possibile sia utilizzando il mouse, sia utilizzando la tastiera, attraverso specifici accesskey. Requisito n Accessibilità delle funzionalità 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. Il personale è stato istruito sulle implicazioni dell utilizza di documenti non accessibili, sull opportunità di cercare un formato accessibile e sulla necessità di fornire comunque le informazioni essenziali in formato accessibile. Requisito n Alternativa testuale agli oggetti multimediali 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, 9

10 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. Questo sito non utilizza filmati o presentazioni multimediali. Requisito n Chiarire la destinazione dei collegamenti ipertestuali 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. La destinazione di ciascun collegamento ipertestuale è chiarita da testi significativi oppure da testi alternativi, attraverso l attributo title. Inoltre sono disponibili collegamenti interni alle pagine che consentono di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine. Il personale che inserisce contenuti è stato istruito a garantire la chiarezza della destinazione di ogni collegamento ipertestuale. Requisito n informare l'utente su eventuali limiti di tempo 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. Questo sito non contiene servizi che prevedono un intervallo di tempo predefinito (ad esempio una sessione) entro il quale eseguire determinate azioni. 10

11 Requisito n fruibilità del sito con la tastiera 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. La distanza tra liste di link consecutivi è sempre conforme alla norma. Il personale che inserisce contenuti è stato istruito per rispettare sistematicamente queste indicazioni. Requisito n Pagine Alternative accessibili Per le pagine di siti esistenti che non possano rispettare i su elencati 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. Questo sito non presenta sezioni che non possono conformarsi ai requisiti previsti per la verifica tecnica, classificabili come pagine non accessibili. 11

12 Altri requisiti per la verifica tecnica Oltre ai 22 punti precedenti, la normativa prevede esplicitamente che sia verificato che: Punto 2a - Validazione delle pagine Sintesi del requisito riscontrare, con sistemi di validazione automatica, la rispondenza alla sua definizione formale del linguaggio a marcatori utilizzato. Questo sito genera pagine in modo dinamico, utilizzando un applicazione CMS che fornisce le informazioni richieste sulla base di specifiche richieste dell utente. La verifica è stata effettuata su un campione significativo di pagine restituite dall applicazione, che sono state validate con gli strumenti automatici del W3c, verificandone la correttezza sia dell'xhtml 1.1 sia dei fogli di stile CSS. Ogni utente può effettuare autonomamente per ogni pagina questa verifica, cliccando rispettivamente sui pulsanti "W3C XHTML 1.1" e "W3C CSS". Questi pulsanti sono chiaramente visibili al fondo di ogni pagina XHTML e sono accessibili anche utilizzando tasti di accesso rapido. Il personale che inserisce contenuti sul sito è stato opportunamente istruito per eseguire la verifica automatica su ogni nuova pagina, utilizzando i suddetti pulsanti, intervenendo tempestivamente per correggere eventuali errori. Punto 2b - Corretto uso semantico degli elementi Sintesi del requisito Verifica dell esperto tecnico sul corretto utilizzo semantico degli elementi e degli attributi secondo le specifiche del linguaggio a marcatori impiegato, anche mediante l uso di strumenti semiautomatici di valutazione allo scopo di evidenziare problemi non riscontrabili dalle verifiche automatiche. 12

13 Tutte le pagine presenti sul sito al momento della verifica sono state valutate ed è risultato che gli elementi XHTML sono utilizzati in maniera corretta. In particolare si è verificato che: I titoli di vario livello sono marcati con elementi Hx (H1, H2, H3, ecc); Le liste di qualunque tipo sono sempre marcati con gli elementi corrispondenti (ul, ol); I marcatori "H1-H6" sono utilizzati esclusivamente per indicare titoli ai vari livelli; Il marcatore "p" è utilizzato solo per indicare i paragrafi; I marcatori "em" e "strong" sono utilizzati per enfatizzare del testo Il marcatore blockquote è usato per indicare delle citazioni I marcatori UL e OL sono utilizzate per le liste puntate e numerate Le tabelle sono utilizzate esclusivamente per rappresentare dati in forma tabellare e non per posizionare elementi sulla pagina. Punto 2c - Esame del sito con diversi sistemi Sintesi del requisito Le pagine web sono state esaminate con varie versioni di diversi browser grafici in vari sistemi operativi. La verifica è stata fatta con i seguenti browser: Internet Exporer 6.0, che supporta sufficientemente XHTML e CSS; Internet Exporer 7.0 che supporta bene XHTML e CSS; Mozilla Firefox 3.1, supporta bene XHTML e CSS; Google Chrome 1.0, supporta bene XHTML e CSS; Linx: browser testuale ( utilizzato un simulatore: E con i sistemi operativi: Windows 2000 Windows XP Windows Vista Si è verificato che: Il contenuto informativo e le funzionalità presenti in una pagina sono essenzialmente gli stessi. 13

14 La presentazione della pagina sia simile nei browser che supportano le tecnologie indicate al requisito n. 1 di cui al paragrafo 4 dell'allegato A (XHTML, CSS). Il contenuto informativo e le funzionalità della pagina sono ancora fruibili in caso di disattivazione del caricamento delle immagini. I contenuti della pagina sono fruibili in caso di utilizzo delle funzioni previste dai browser per definire la grandezza dei caratteri. La pagina è navigabile con il solo uso della tastiera e l impiego di una normale abilità. I contenuti e le funzionalità della pagina sono ancora fruibili, anche in modalità diverse, in caso di disattivazione di fogli di stile, script e applet ed altri oggetti di programmazione. I contenuti e le funzionalità continuano ad essere disponibili con un browser testuale e i medesimi contenuti mantengano il proprio significato d insieme e la corretta struttura semantica. 14

15 A) Dichiarazione di conformità ai 22 requisiti da sottoporre a verifica tecnica ai sensi dell art. 2, comma 2, e dell art. 5, comma 2, del DM 08/07/2005 : Requisito Conforme Annotazioni (Si/No/N.A.) 1 SI Un campione significativo di 20 pagine dinamiche restituite dal CMS sono state validate da sistemi automatici come conformi alle specifiche XHTML SI Il sito non utilizza i Frame 3 SI Per tutte le immagini viene fornito un testo alternativo 4 SI Sarebbe opportuno che gli ipertesti siano identificati da altre caratteristiche oltre al colore (sottolineatura, carattere, title, vedi il capitolo nel documento). In ogni caso l attributo title degli ipertesti è sempre valorizzato. 5 SI Sulla HomePage è presente un immagine lampeggiante, gif animata, sulla differenziazione dei rifiuti, la cui pubblicazione sul sito istituzionale del comune è richiesta dalla Regione Piemonte. In base al test effettuato con il metodo di calcolo Ridpath, algoritmo W3C, presente sulla barra dell accessibilità, sono da escludersi pericoli per persone affette da epilessia fotosensibile. 6 SI E stato verificato che il testo ha sempre un sufficiente contrasto per essere distinguibile dallo sfondo. 7 SI Il sito non utilizza mappe di immagini 8 SI Il sito non utilizza mappe di immagini lato server 9 SI E stato verificato che tutte le tabelle presenti sul sito sono descritte come previsto dalla norma 10 SI Tutte le tabelle che sono state verificate associano le celle dei dati alle celle di intestazione, come previsto dalla norma. 11 SI Tutti i documenti CSS presenti sul sito sono stati validati con strumenti automatici, e sono risultati validi. Il contenuto del sito è fruibile anche quando i fogli di stile sono disabilitati. 12 SI La presentazione dei contenuti di tutte le pagine del sito si adatta abbastanza bene alle dimensioni della finestra del browser utilizzato o al ridimensionamento dei caratteri. 13 SI Nelle pagine sottoposte a verifica non sono utilizzate tabelle a scopo di impaginazione. 14 SI Questo sito utilizza un solo elemento form per la funzione di ricerca, con un solo campo testo ed un pulsante di invio, con significato specificato attraverso un attributo title. 15 SI Nel sito non vi sono oggetti di programmazione, eccetto il JavaScript per cambiare foglio di stile, la cui funzionalità è attiva con i vari browser grafici utilizzati per la verifica. 15

16 16 SI L'attivazione degli script, utilizzati principalmente per il cambio dei fogli di stile attivi, è possibile sia utilizzando il mouse, sia utilizzandola tastiera, attraverso specifici accesskey. 17 SI Nel sito vi sono documenti in formato pdf non direttamente accessibili e per i quali viene fornita una pagina alternativa in XHTML che ne riporta le informazioni essenziali. 18 SI Questo sito non utilizza filmati o presentazioni multimediali. 19 SI I collegamenti ipertestuali hanno valorizzato l attributo TITLE tutte le volte che risulta necessario e dispongono di collegamenti interni alla pagina utili a facilitare la navigazione per chi accede con dispositivi sequenziali. 20 SI Non vi sono pagine che prevedono un intervallo di tempo per far svolgere delle azioni ad un utente. 21 SI La distanza tra liste di link è sempre superiore a 0.5 em. 22 SI Non vi sono documenti che non possono conformarsi ai requisiti previsti per la verifica tecnica, classificabili come pagine non accessibili. 2a SI Tutte le pagine sono state validate da sistemi automatici (codice XHTML e CSS). Tutte le nuove pagine inserite sul sito sono validate al momento della pubblicazione. 2b SI L uso degli elementi XHTML del sito è semanticamente corretto. 2c SI Il contenuto delle pagine del sito è fruibile con diversi browser. 16

17 B) Esito dell applicazione alle pagine del sito delle metodologie di analisi suggerite al paragrafo 2 dell Allegato A del DM 08/07/2005: Punto di controllo Sì/No/N.A. Annotazioni SI a) Contenuto e funzionalità presenti nelle pagine del sito sono gli stessi nei vari browser? b) La presentazione delle pagine è simile in tutti i browser che supportano le tecnologie indicate al Requisito 1? c) Disattivando il caricamento delle immagini, contenuto e funzionalità del sito sono ancora fruibili? d) Disattivando il suono, i contenuti di eventuali file audio sono fruibili in altra forma? e) Utilizzando i controlli disponibili nei browser per definire la grandezza dei font, i contenuti delle pagine sono ancora fruibili? f) Le pagine sono navigabili in modo comprensibile con il solo uso della tastiera? g) I contenuti e le funzionalità del sito sono ancora fruibili (anche in modo equivalente) quando si disabilitano fogli di stile, script e applet ed oggetti? h) Esaminando le pagine del sito con un browser testuale: > Contenuti e funzionalità sono disponibili (anche in modo equivalente) così come nei browser grafici? > I contenuti delle pagine mantengono il loro significato d insieme e la loro struttura semantica? i) Le differenze di luminosità e di colore tra il testo e lo sfondo sono sufficienti, secondo gli algoritmi suggeriti dal W3C? SI SI N.A SI SI SI SI SI Nel sito non vi sono file audio 17

18 Questa verifica tecnica è stata effettuata da CIC Scrl. Gli enti pubblici possono utilizzare le informazioni contenute per richiedere il logo di accessibilità di base (senza stelle). Per richiedere il bollino con questa procedura occorre essere una pubblica amministrazione, designare un responsabile del sito e della sua accessibilità, che dovrà registrarsi sul sito: E attraverso il sito inviare le informazioni sul risultato della verifica tecnica. A seguito di esito positivo della valutazione il comune potrà utilizzare sul sito il logo di accessibilità (articolo 8 del D.PR 1 marzo 2005, n. 75 pubblicato nella G.U. 3 maggio 2005, n. 101), associandolo ad un collegamento ipertestuale, fornito dal CNIPA, attestante l avvenuto invio del documento di verifica tecnica. Durante i processi di test sul sito della verifica saranno controllati tutti i 22 requisiti previsti dall'allegato B ("Verifica tecnica e requisiti di accessibilità delle applicazioni basate su tecnologie internet") al Decreto Ministeriale 8 Luglio 2004 ("Requisiti tecnici e i diversi livelli per l'accessibilità agli strumenti informatici". 18