La questione dell’accesso all’informazione
L’importanza dell’accessibilità facilitata nei siti web delle pubbliche amministrazioni è fondamentale in un’era caratterizzata da un’evoluzione digitale costante. Questo interesse non è solo un adempimento normativo, ma rappresenta un significativo passo avanti verso l’inclusione e la partecipazione attiva di tutti i cittadini.
Questo portale garantisce un accesso agevole all’informazione a tutti gli utenti, anche a coloro che hanno bisogni specifici a causa di disabilità, ponendo l’utente al centro del progetto. Questo significa che è stato progettato pensando alla diversità e alle esigenze di tutti, rendendo l’informazione non solo accessibile ma anche comprensibile e facilmente navigabile. In questo modo, ogni cittadino ha pari opportunità di accesso e partecipazione, nell’ottica di quella inclusione digitale che OPS sostiene.
OPS e gli strumenti di accessibilità facilitata a disposizione degli utenti
Introduzione: Il sito della OPS ha implementato il plugin WordPress “One Click Accessibility” per migliorare l’accessibilità del sito web. Questa relazione tecnica descrive le funzionalità del plugin e illustra come queste si allineino agli standard di accessibilità, in particolare quelli definiti dall’algoritmo del World Wide Web Consortium (W3C) e dalla normativa italiana, come specificato nell’Allegato A del Regolamento di verifica tecnica della legge Stanca.
Funzionalità del Plugin “One Click Accessibility”:
Incremento e Diminuzione della Dimensione del Font: Il plugin offre pulsanti che permettono agli utenti di modificare la dimensione del testo, rendendo il contenuto più leggibile per persone con difficoltà visive
Miglioramento del Contrasto: Viene fornita l’opzione per aumentare il contrasto della pagina web. Questa funzione è particolarmente utile per gli utenti con ridotta capacità visiva e per coloro che hanno difficoltà nel distinguere colori.
Modalità Chiaro del Sito: Il plugin include una modalità ‘light mode’, che rende lo sfondo chiaro, migliorando la leggibilità per alcuni utenti e garantendo una migliore esperienza visiva in condizioni di luce intensa.
Sito in Scala di Grigi: Fornisce un’opzione per visualizzare il sito in scala di grigi, un’alternativa utile per utenti con difficoltà nella percezione dei colori, come i daltonici.
Sottolineatura dei Link: Il plugin consente di sottolineare tutti i link presenti nel sito, facilitando il riconoscimento e l’accessibilità per gli utenti con problemi visivi.
Mappatura delle Tastiere: Permette agli utenti di navigare nel sito utilizzando esclusivamente la tastiera, fondamentale per persone con limitazioni nella mobilità manuale.
Rimozione degli Stili: Gli utenti possono rimuovere gli stili CSS temporaneamente per una visualizzazione più semplice del contenuto.
Standard di Accessibilità e Conformità: Il plugin “One Click Accessibility” contribuisce a rendere il sito di OPS conforme agli standard W3C, in particolare alle Linee Guida per l’Accessibilità dei Contenuti Web (WCAG). Queste linee guida sono il riferimento a livello internazionale per la realizzazione di contenuti web accessibili e sono adottate dalla normativa italiana nella verifica tecnica prevista dalla legge Stanca.
- Conformità WCAG: Il plugin aiuta a rispettare diversi criteri delle WCAG, come la leggibilità del testo (WCAG 1.4.4) e la navigabilità da tastiera (WCAG 2.1.1).
- Algoritmo W3C e Legge Stanca: L’implementazione delle funzioni di accessibilità del plugin si allinea con l’algoritmo del W3C, garantendo che il sito risponda ai criteri di accessibilità definiti nell’Allegato A del Regolamento di verifica tecnica della legge Stanca.
Dichiarazione di accessibilità
Questo sito è stato realizzato in ottemperanza ai 22 requisiti della Verifica Tecnica della Legge 4/2004 “Disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici” (Allegato A – “Verifica tecnica e requisiti tecnici di accessibilità delle applicazioni basate su tecnologie internet” – del D.M. 8 luglio 2005).
In data 10/06/2024 la OPS S.p.A. ha provveduto a compilare la dichiarazione di accessibilità sul sito AGID, essa è consultabile al seguente link:
https://form.agid.gov.it/view/396d2a30-2705-11ef-878f-451c23469b25
Di seguito riportiamo i 22 punti di controllo con indicazione delle modalità con le quali sono stati soddisfatti 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 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 con DTD (Document Type Definition – Definizione del Tipo di Documento) di tipo Strict;
- 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:
- evitare di utilizzare, all’interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche di presentazione della pagina (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;
- evitare la generazione di nuove finestre; ove ciò non fosse possibile, avvisare esplicitamente l’utente del cambiamento del focus;
- pianificare la transizione dell’intero sito alla versione con DTD Strict del linguaggio utilizzato, dandone comunicazione alla Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie e al Centro nazionale per l’informatica nella pubblica amministrazione.
Metodologia di raggiungimento dell’obiettivo: il sito è realizzato attraverso il CMS WordPress, essendo un sistema open source, a costo 0, raggiungere tutti gli obiettivi di accessibilità e complicato ed oneroso (in termini di programmazione e/o costi).
Tecnica di verifica: tutte le pagine sono state validate con il MAUVEE++ ed utilizzando il powermapper ottenendo un risultato di pagine compliance superiore all’80%.
Stato di realizzazione: parzialmente corretto
Requisito 2
Enunciato: 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, 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 di presentazione della pagina (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 dandone comunicazione alla Presidenza del Consiglio dei Ministri – Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie e al Centro nazionale per l’informatica nella pubblica amministrazione.
Metodologia di raggiungimento dell’obiettivo: con il CMS WordPress è possibile utilizzare i frame ma, nel caso del sito della OPS, questo non è stato fatto, ne risulta che il sito risponde al Requisito 2.
Stato di realizzazione: corretto
Requisito 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.
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: sono stati analizzati i media, riscontrando, in alcuni casi, la mancanza del testo alternativo ma il sistema è predisposto per tale situazione e quindi si procederà ad adeguare tutti meda presenti nel sito.
Stato di realizzazione: parzialmente corretto
Requisito 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.
Metodologia di raggiungimento dell’obiettivo: 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”. Dopo una analisi a campione è risultato, in qualche pagina, ancora persistere qualche errore. Inoltre sono state evitate frasi del tipo “guarda il box rosso/clicca sul pulsante blu”, 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.
Stato di realizzazione: parzialmente corretto
Requisito 5
Enunciato: 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: non sono utilizzate immagini animate ed animazioni Flash, non è presente nel sito nulla di “lampeggiante”.
Tecnica di verifica: esame a campione delle pagine del sito.
Stato di realizzazione: corretto
Requisito 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); 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, 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. Inoltre sono state condotte verifiche a campione su alcune pagine del sito
Stato di realizzazione: corretto
Requisito 7
Enunciato: 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: Si è scelto di non utilizzare mappe immagine, quindi il Requisito 7 non è applicabile.
Stato di realizzazione: corretto
Requisito 8
Enunciato: 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: In questo sito gli amministratori hanno scelto di non utilizzare mappe immagine, quindi il Requisito 8 non è applicabile.
Stato di realizzazione: corretto
Requisito 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.
Metodologia di raggiungimento dell’obiettivo: in linea generale si è evitato l’uso di tabelle per presentare dati all’interno del sito, nei pochi casi in cui è avvenuto si sono presi accorgimenti per rispettare, quanto possibile, quando previsto dal requisito.
Tecnica di verifica: validazione del codice di alcune pagine a campione, poche, contenenti tabelle.
Stato di realizzazione: parzialmente corretto
Requisito 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.
Metodologia di raggiungimento dell’obiettivo: Non sono state utilizzate tabelle aventi più di un livello logico.
Tecnica di verifica: non necessaria
Stato di realizzazione: corretto
Requisito 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.
Metodologia di raggiungimento dell’obiettivo: l’impaginazione di questo sito è realizzata attraverso fogli di stile e , possibilmente, senza l’uso di tabelle. Sono stati visionati alcuni temi e si è scelto di operare, con economicità, sul tema più rispondente alle caratteristiche per impaginati sempre con CSS. WordPress consente di utilizzare sempre i tag più appropriati per ogni situazione: “H1” per i titoli, “H2” per i sottotitoli, “P” per i paragrafi, “OL” per gli elenchi, etc. 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 a campione del codice di alcune pagine con il validatore W3C e navigazione del sito con immagini e fogli di stile disabilitati attraverso l’opportuna configurazione del browser FireFox tramite l’estensione “Web Developer” toolbar.
Stato di realizzazione: parzialmente corretto
Requisito 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 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. Inoltre è stato affiancato uno strumento di accessibilità per aiutare gli utenti. (Plugin WP Accessibility).
Tecnica di verifica: esame a campione di più pagine attraverso browser.
Stato di realizzazione: corretto
Requisito 13
Enunciato: 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: In questo sito si è deciso di non utilizzare tabelle di impaginazione.
Tecnica di verifica: verifica a campione delle pagine del sito.
Stato di realizzazione: corretto
Requisito 14
Enunciato: 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.
Metodologia di raggiungimento dell’obiettivo: è stato usato un form solo per segnalare i problemi di accessibilità utilizzando il WPForms Lite senza la necessità di conoscere alcun linguaggio di programmazione. Nell’editor visuale di WP si inseriscono gli oggetti base del form (quali campi di testo, menu a discesa, ecc) ed in fase di pubblicazione viene generato automaticamente il codice, associando correttamente le etichette ad ogni campo del modulo.
Tecnica di verifica: verifica di compilazione dei form con mouse e tastiera
Stato di realizzazione: corretto
Requisito 15
Enunciato: 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 3.
Metodologia di raggiungimento dell’obiettivo: nel nostro sito non vengono utilizzati Java o Flash poichè tutte le funzionalità interattive utilizzano codice lato server.
Tecnica di verifica: anche disabiltando Javascript le funzionalità mancanti sono assolutamente marginali e non pregiudicano la fruizione del sito, tanto che non è necessaria alcuna alternativa testuale.
Stato di realizzazione: corretto
Requisito 16
Enunciato: 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) non ci sono script.
Tecnica di verifica: esame a campione delle pagine.
Stato di realizzazione: corretto
Requisito 17
Enunciato: 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 al punto precedente (Requisito 15) non sono presenti script. In ogni caso è possibile disabilitare tali script senza perdite di funzionalità.
Tecnica di verifica: esame a campione delle pagine.
Stato di realizzazione: corretto
Requisito 18
Enunciato: 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, inoltre gli autori dei contenuti sono stati formati all’inserimento di descrizioni esplicative e coerenti. In ogni caso ad oggi non sono presenti elementi multimediali.
Tecnica di verifica: a campione.
Stato di realizzazione: corretto
Requisito 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, 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: esame a campione delle pagine.
Stato di realizzazione: parzialmente corretto
Requisito 20
Enunciato: 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: Wp non prevede nessuna funzionalità a tempo. Nel caso si integrino in un sito basato su WP applicazioni che prevedono un determinato intervallo di tempo per il compimento di determinate azioni i responsabili della integrazione dovranno avere cura di inserire un opportuno avviso. In questo sito non vi sono funzionalità a tempo.
Stato di realizzazione: corretto
Requisito 21
Enunciato: 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. 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.
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.
Stato di realizzazione: parzialmente corretto
Requisito 22
Enunciato: 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: nel caso il sito non sia conforme si prevederanno alternative delle pagine stesse.
Autateci a migliorare
Nonostante l’attenzione posta nella realizzazione del sito ed i numerosi test condotti non è possibile escludere con certezza che una o più pagine siano a nostra insaputa ancora inaccessibili ad alcune categorie di utenti.
In questo caso ci scusiamo fin d’ora e vi preghiamo di segnalarci ogni irregolarità o difficoltà riscontrata al fine di consentirci di eliminarla nel più breve tempo possibile.
Questo è il link per segnalare eventuali problemi