Accessibilità
Sito Istituzionale Comune di Alba Adriatica: dichiarazione di accessibilità
Dichiarazione di accessibilità
Il sito del Comune di Alba Adriatica, è stato progettato in conformità alle direttive presenti all'interno della Legge 9 gennaio 2004, n. 4, cosiddetta "Legge Stanca", ottemperando ai requisiti della Verifica Tecnica (D.M. 8/7/2005 - Allegato A).
Mappa del sito e Accesskey
Al fine di garantire una visione globale delle nostre pagine web, abbiamo realizzato una mappa del sito utile per la navigazione tra i contenuti proposti.
Inoltre, per migliorare la rapidità della consultazione, sono state introdotte alcune scorciatoie da tastiera (le cosiddette "accesskey"). Tutte le pagine del sito sono state identificate con la loro prima lettera o eventualmente con la seconda, le quali vengono evidenziate con una coppia di parentesi quadre. Di seguito ne riportiamo l'elenco:
[A] = Aumenta font
[D] = Diminusci font
[X] = Alto contrasto
[Z] = Reimposta visualizzazione
[H] = Homepage
[Q] = Eventi
[W] = Multimedia
[S] = Segnalazione guasti
[V] = Mappa sito
[C] = Uffici comunali
[E] = Servizi E-government
[M] = Moduli
[F] = Sicurezza
[R] = Biblioteca
In ambiente Windows si accede ai tasti di accesso rapido con la sequenza:
Internet Explorer: Alt + Access key + INVIO;
Netscape/Firefox: Shift + Alt + Access key;
Opera: Shift + ESC+Access key;
In ambiente Mac OS si accede ai tasti di accesso rapido con la sequenza:
Safari: Ctrl + Access key.
In ambiente Linux si accede ai tasti di accesso rapido con la sequenza:
Epiphany: Shift + Alt+Access key.
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 è presente una pagina contenente un’animazione flash con scritte ed oggetti in movimento o lampeggianti; tuttavia, per evitare perdita di informazioni, è stata fornita un’alternativa di immagine e testuale equivalente. La presenza di questa animazione è stata adeguatamente segnalata all’utente, che, tramite un apposita funzione, può evitarne la visualizzazione.
Al fine di facilitare ulteriormente la navigazione, sono stati adottati alcuni accorgimenti inerenti l’usabilità: per ogni documento sono stati indicati peso ed estensione, i contenuti sono equamente distribuiti all’interno della la pagina, l’utilizzo di parole di lingua straniera è limitato a quelle che ormai sono entrare a far parte del linguaggio comune.
Tabella riepilogativa dei 22 punti di controllo della Verifica Tecnica previsti dal Decreto Ministeriale 8 luglio 2005 Requisito Enunciato Conforme.
1 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.
2 Non è consentito l'uso dei frame nella realizzazione di nuovi siti.
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.
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 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.
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). 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.
7 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.
8 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.
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.
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.
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.
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 e/o dei caratteri rispetto ai valori predefiniti di tali parametri.
13 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.
14 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.
15 Assicurarsi che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati.
16 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.
17 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.
18 Sono presenti filmati, per i quali è stata fornita una alternativa testuale equivalente.
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. Prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.
20 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.
21 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.
22 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.
Codice validato
L'intero sito presenta un requisito fondamentale dell'accessibilità, ovvero la correttezza formale delle pagine, nel pieno rispetto degli standard internazionali stabiliti dal W3C ( World Wide Web Consortium ), l'organismo indipendente che fissa gli standard per la comunicazione on-line.
In particolare il sito è stato realizzato facendo uso di codice XHTML 1.0 Strict per assicurare la separazione tra contenuto informativo e presentazione formale, dei fogli di stile (CSS2). Entrambi i codici sono poi stati verificati con i validatori ufficiali del W3C stesso.
Inoltre, il sito tiene conto delle linee guida del WAI (Web Accessibility Initiativeun, ramo del W3C per l'accessibilità) ottenendo il livello WCAG 2.0 (Level AAA) e Stanca Act
Ausili alla navigazione per ipovedenti
Lettura automatica dei testi contenuti negli articoli.
I principali browser presenti su Internet hanno implementato delle funzionalità per ridimensionare i caratteri ed i contenuti delle pagine web. Ecco come attivare le varie funzioni di ingrandimento:
In Microsoft Internet Explorer: Cliccare nel menu Visualizza sulla voce Carattere e selezionare lo zoom preferito. La stessa operazione si può effettuare facendo ruotare la rotellina centrale del mouse tenendo premuto il tasto CTRL.
In Firefox/Netscape/Mozilla: Cliccare nel menu Visualizza (o View) sulla voce Dimensione testo (o Text zoom) e selezionare lo zoom desiderato. Il dimensionamento può essere impostato anche attraverso la tastiera agendo ripetutamente con i tasti più (ingrandimento) e meno (riduzione) tenendo premuto il tasto CTRL.Per ritornare alla dimensione predefinita premere la combinazione di tasti CTRL + 0.Nelle preferenze è possibile anche impostare come definitiva una dimensione minima dei caratteri.Il browser Firefox permette anche il dimensionamento con la rotellina centrale del mouse tenendo premuto il tasto CTRL come per Explorer.
In Opera: cliccate nel menu Visualizza (o View) sulla voce Zoom e selezionate lo zoom desiderato. Il dimensionamento può essere impostato anche attraverso la tastiera agendo ripetutamente con i tasti più (ingrandimento) e meno (riduzione) del tastierino numerico. Tenendo premuto anche il tasto CTRL il dimensionamento salta di un fattore pari al 100%, altrimenti la variazione è del 10%. Per ritornare alla dimensione predefinita premere il tasto asterisco. Nelle preferenze è possibile anche impostare come definitiva una dimensione minima dei caratteri. Il browser permette di dimensionare il testo usando la rotellina centrale del mouse.
In Konqueror: cliccate nel menu Visualizza sulla voce Ingrandisci i caratteri o sulla voce Rimpicciolisci i caratteri. Agire più volte per ulteriori ridimensionamenti. Il dimensionamento può essere impostato anche attraverso la tastiera agendo ripetutamente con i tasti più (ingrandimento) e meno (riduzione) tenendo premuto il tasto CTRL. Per ritornare alla dimensione predefinita premere il tasto asterisco.
Informazioni sul linguaggio di marcatura utilizzato (X)Htm
Le pagine d questo sito sono scritte in HTML 1.0 Strict
Informazioni sull'aspetto testuale grafico del sito
L'aspetto del sito è realizzato attraverso l'impiego dei CSS versione 2. Ciò consente la piena separazione fra i contenuti e la grafica del portale, permettendo la piena accessibilità al sito ad ogni tipo di utente con ogni browser, compresi quelli non convenzionali (browser per non vedenti, browser testuali, browser per cellulari), e la riduzione del peso delle pagine, così da garantire la piena consultazione del sito anche agli utenti sprovvisti di connessione internet veloce (tipo ADSL).
I Browser più datati (ad esempio Netscape Navigator 4.x) non sono in grado di interpretare correttamente i CSS usati. Ciò significa che l'impaginazione del sito potrebbe apparire meno gradevole, però sarà sempre possibile navigare ed utilizzare il sito web.
Informazioni sul livello di accessibilità
I contenuti del portale sono visibili con tutti i dispositivi per l'accesso ad Internet e con quasi tutti i browser (i test fatti con IE5.0, IE5.5, IE6, NN6, NN7.0, Mozilla, Firefox 0.8, Opera 7.21, Opera 7.54), alcuni browser di versione più datata potrebbero non visualizzare correttamente l'aspetto del portale per la scarsa compatibilità con i fogli di stile di tipo CSS 2.0, però viene garantita la navigazione testuale.
Infine è stata prevista una pagina dove trovare aiuto alla navigazione del sito (accesskey, personalizzazione grafico testuale dell'aspetto del portale).
