Certificazione e accessibilità

Dichiarazione di accessibilità e certificazione w3c

Il sito altolivenza.eu è stato realizzato in ottemperanza ai 22 requisiti della Verifica Tecnica (D.M. 8/7/2005 - Allegato A) della Legge 4/2004 - Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici.

Di seguito riportiamo i 22 punti di controllo con indicazione delle modalità con le quali sono stati soddifatti i requisiti di accessibilità e le tecniche di verifica che sono state adottate.

Requisito n. 1

Enunciato: 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 [10] HTML (HypertText Markup Language) e XHTML (eXtensible HyperText Markup Language):
a) Per tutti i siti di nuova realizzazione, utilizzare almeno la versione 4.01 dell'HTML [11] o preferibilmente la versione 1.0 dell'XHTML [12], in ogni caso con DTD (Document Type Definition - Definizione del Tipo di Documento) di tipo Strict;
b) Per i siti esistenti, in sede di prima applicazione, nel caso in cui non sia possibile ottemperare al punto a) è consentito utilizzare la versione dei linguaggi sopra indicati con DTD Transitional, ma con le seguenti avvertenze:
1. evitare di utilizzare, all'interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche presentazionali (per esempio, caratteristiche dei caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS [13](Cascading Style Sheets) per ottenere lo stesso effetto grafico;
2. evitare la generazione di nuove finestre; ove ciò non fosse possibile, avvisare esplicitamente l'utente del cambiamento del focus;
3. pianificare la transizione dell'intero sito alla versione con DTD Strict del linguaggio utilizzato. Il piano di transizione va presentato alla Presidenza del Consiglio dei Ministri – Dipartimento per l'Innovazione e le Tecnologie da parte del responsabile della accessibilità informatica (Art. 9 Regolamento).

Raggiungimento dell'obiettivo

Il sito è stato realizzato in xhtml1.0 Strict a garanzia dell'accessibilità come richiesto per le nuove installazioni. Il content manager utilizzato è Joomla. Il codice è php/javascript e html5/css3
In data 15 Febbraio 2012, il 100% delle pagine sono risultate validate dal w3c html validator - per xhtml 1.0 Strict. Il sito utilizza css specifica 3, e – ove previste – le varianti –webkit –moz –ms –o per la compatibilità tra navigatori. I fogli stile sono separati per template e tipografia.

Requisito n. 2

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, ma con le seguenti avvertenze:
• evitare di utilizzare, all'interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche presentazionali (per esempio, caratteristiche dei caratteri, del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS (Cascading Style Sheets) per ottenere lo stesso effetto grafico;
• fare in modo che ogni frame abbia un titolo significativo per facilitarne l'identificazione e la navigazione. Se necessario, descrivere anche lo scopo dei frame e la loro relazione;
• 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 da parte del responsabile della accessibilità informatica (Art. 9 Regolamento).

Raggiungimento dell'obiettivo

Non sono stati utilizzati frame nell'architettura del sito.

Requisito n. 3

Enunciato: 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.

Raggiungimento dell'obiettivo

Le immagini sono fornite con tag "alt" alternativo testuale, come richiesto dalla validazione W3C, e in aggiunta provviste di un title (dove compatibile per questioni SEO).
Html5 prevede la possilità di utilizzare il sonoro. Questa funzione è stata utilizzata per gli assistenti vocali di navigazione e, per renderla accessibile, è stata fornita un'alternativa grafica con assistenti di navigazione grafici. Entrambi entrano in gioco solo la prima volta che una funzionalità del sito viene dimostrata, e lo storico registrato nella memoria del navigatore.

Requisito n. 4

Enunciato: Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.

Raggiungimento dell'obiettivo

E' stata testata la navigazione 1) disabilitando i media, 2) disabilitando javascript 3) disabilitando css e in ogni loro possibile combinazione. Il sito rimane accessibile ai contenuti (pur differenziandosi di grafica) ed i testi leggibili, distinguibili nel colore, e raggiungibili dall'azione dell'utente con chiarezza e semplicità.

Requisito n. 5

Enunciato: Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile, disturbi della concentrazione o che possano causare il malfunzionamento delle tecnologie assistive utilizzate. Qualora esigenze informative richiedano comunque il loro utilizzo, avvisare l'utente del possibile rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi.

Raggiungimento dell'obiettivo

Non vi sono elementi nel sito che inducano a epilessia fotosensibile, le animazioni sono semplici e lente, non è richiesta particolare attenzione visiva nè interattività o concentrazione.

Requisito n. 6

Enunciato: 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). Un testo in forma di immagine in genere è da evitare ma, se non è possibile farne a meno, deve essere realizzato con gli stessi criteri di distinguibilità indicati in precedenza.

Raggiungimento dell'obiettivo

Testi e background presentano un distinguibile contrasto di lettura, il background ed il colore complessivo del fondo è a scelta dell'utente, così come la dimensione tipografica. Le scelte sono memorizzate nel browser.

Requisito n. 7

Enunciato: Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server, eccetto nel caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata

Raggiungimento dell'obiettivo

Non vi sono immagini che utilizzino mappe immagine.

Requisito n. 8

Enunciato: Se vengono utilizzate mappe immagine lato server, fornire i collegamenti di testo alternativi necessari per poter ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa.

Raggiungimento dell'obiettivo

Come al punto 7.

Requisito n. 9

Enunciato: 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.

Raggiungimento dell'obiettivo

Alla data di pubblicazione, il sito è senza tabelle, validato xhtml 1.0 strict, e non sono state utilizzate strutture a tabelle per il layout, né per i contenuti, né per i componenti e moduli.

Requisito n. 10

Enunciato: 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.

Raggiungimento dell'obiettivo

Come al punto 10.

Requisito n. 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.

Raggiungimento dell'obiettivo

Sono stati usati i fogli stile e l'organizzazione delle pagine come da specifica. E' stata testata la lettura da Explorer 7/8 e Firefox (con accessibility-toolbar) sia con css disabilitati, che con immagini, javascript e css disabilitati.

Requisito n. 12

Enunciato: 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 e/o dei caratteri rispetto ai valori predefiniti di tali parametri.

Raggiungimento dell'obiettivo

Il sito è realizzato secondo un layout liquido nell'interfaccia di primo livello: i menu sono liquidi e scorrono nel lato del browser nel quale sono ancorati al ridimensionamento dello stesso, in posizione "fixed" con una delle due posizioni in percentuale della grandezza pagina. I contenuti sono impaginati in un contenitore a dimensione fissa (la "pagina"), tramite un layout a contenuti liquido, senza tabelle, con il solo utilizzo dei contenitori fluttuanti. I contenuti testuali sono sempre accessibili senza perdita di riferimento o nesso logico grazie al menù di navigazione ed al menù contestuale delle sezioni del sito.
Il sito dispone di CSS integrativi per: InternetExplore 7/8 – Mozilla Firefox – Tablet – Smartphone al fine di garantire il massimo piacere di navigazione adattandosi al dispositivo di lettura utilizzato.

Requisito n. 13

Enunciato: Qualora si utilizzino le tabelle a scopo di impaginazione:
• garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato,
• utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato.

Raggiungimento dell'obiettivo

Il sito è table-less, struttura e contenuti senza tabelle.

Requisito n. 14

Enunciato: Nei moduli (form), associare in maniera esplicita le etichette ai rispettivi controlli, posizionandole in modo che per chi utilizza le tecnologie assistive la compilazione dei campi sia agevolata.

Raggiungimento dell'obiettivo

Il moduli e gli input sono sempre accompagnati dalla relativa "label". I form si scorrono senza tastiera, con il tasto TAB. L'immissione dati non richiede il mouse.

Requisito n. 15

Enunciato: Garantire che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati. Se questo non è possibile:
• fornire una spiegazione della funzionalità svolta;
• garantire una alternativa testuale equivalente in modo analogo a quanto indicato nel requisito n. 3

Raggiungimento dell'obiettivo

Le pagine sono accessibili anche senza l'utilizzo di javascript e immagini.
NOTA – benché il sito presenti animazioni e strutture di logica avanzate e interattive con l'interfaccia utente, NON E' UN SITO FLASH! Il sito è un XHTML 1.0 STRICT con tecnologia HTML5/CSS3/JAVASCRIPT con quest'ultimo non necessario per la fruizione dei testi.

Requisito n. 16

Enunciato: Garantire che i gestori di eventi che attivano script, applet oppure altri oggetti di programmazione o che possiedono una propria specifica interfaccia, siano indipendenti da uno specifico dispositivo di input.

Raggiungimento dell'obiettivo

Tutto quanto attiva un evento è realizzabile attraverso:
MOUSE o TASTIERA – indipendentemente l'uno dall'altro – nella versione WEB
DITA – nella versione tablet o e-reader
JOYPAD – nella versione e-reader

Requisito n. 17

Enunciato: Garantire 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.

Raggiungimento dell'obiettivo

Le grammatiche utilizzate sono html5, css3, javascript.
Le strutture che richiedono oggetti avanzati javascript presentano un'alternativa testuale, automaticamente scelta dal computer quando non si rileva javascript. La funzione è trasparente.

Requisito n. 18

Enunciato: Qualora 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 e/o di descrizione vocale, oppure predisporre 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 presentazioni in tempo reale.

Raggiungimento dell'obiettivo

Non vi sono, in data di pubblicazione, media di questa tipologia. Quando verranno implementati sarà nostra cura fornire la trascrizione testuale del contenuto di videoclip/presentazioni multimediali.

Requisito n. 19

Enunciato: 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. Prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.

Raggiungimento dell'obiettivo

Il sistema di link interno/esterno è validato. Le label di ciascun menù sono chiare ed univoche.

Requisito n. 20

Enunciato: Se 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 utile e fornendo eventuali alternative per fruire del servizio stesso.

Raggiungimento dell'obiettivo

Il sito non contiene funzionalità che non siano renderizzabili al caricamento della pagina html tramite php.
Il tempo di caricamento di una pagina è dipendente dalla banda disponibile del server. Il peso del codice html delle pagine – in media - varia dai 38kb ai 52kb.

Requisito n. 21

Enunciato: I collegamenti presenti in una pagina devono essere selezionabili e attivabili tramite comandi da tastiera, tecnologia in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse. Per facilitare la selezione e l'attivazione dei collegamenti con queste tecnologie assistive è anche necessario garantire che:
• la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 1 em;
• le distanze orizzontale e verticale tra i pulsanti di un modulo (form) sia di almeno 1 em;
• le dimensioni dei pulsanti in un modulo (form) siano tali da rendere chiaramente leggibile l'etichetta in essi contenuta, per esempio utilizzando opportunamente il margine tra l'etichetta e i bordi del pulsante.

Raggiungimento dell'obiettivo

Tutto i collegamenti del sito sono raggiungibili tramite l'uso del tasto TABULAZIONE - senza il mouse. Lo spostamento del cursore nelle aree del sito può avvenire con i tasti cursore, senza il mouse. Anche i tag utilizzati per le ricerche. In particolare esso attiva i menù principali e – a cascata – i link presenti nella pagina del sito. Le distanze minime dei vari elementi form è superiore a 1em, le dimensioni dei pulsanti nella misura di default prevista dal sistema operativo in uso.

Requisito n. 22

Enunciato: In sede di prima applicazione, per i siti esistenti, in ogni pagina che non possa 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 in modo evidente all'inizio della pagina non accessibile.

Raggiungimento dell'obiettivo

Il sito è conforme a tutti i punti della verifica e non è quindi necessario realizzare versioni alternative delle pagine stesse.

Aiutateci a migliorare l'accessibilità!

La validazione e il presente documento è valido per la pubblicazione del sito e non responsabile di ulteriori aggiornamenti, manutenzioni o cambi di struttura non realizzati da Anteprima Sas.
Nel caso di suggerimenti rivolti al miglioramento dell'accessibilità, saremo lieti di prenderli in considerazione per poter apportare eventuali migliorie all'indirizzo del webmaster.

 

loghi-turismo-alto-livenza