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.
Riferimenti WCAG 1.0: 3.1, 3.2, 3.5, 3.6, 3.7, 11.1, 11.2
Riferimenti Sec. 508: Non presente
Metodologia di raggiungimento dell'obiettivo: Il sito è realizzato tramite il CMS Drupal 7, che consente l’integrazione con HTML5 rispettando quindi questo standard per la generazione delle pagine.
Tecnica di verifica: Tutte le pagine sono state validate con il Validatore del W3C.
Requisito n.° 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.
Riferimenti WCAG 1.0: 12.1, 12.2
Riferimenti Sec. 508: 1194.22 (i)
Metodologia di raggiungimento dell'obiettivo: All'interno del sito è presente un unico frame nella sezione riguardante la mappa. L’utilizzo è quindi minimale, ben titolato e strutturato.
Tecnica di verifica: Esame della sezione in questione.
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.
Riferimenti WCAG 1.0: 1.1, 6.2
Riferimenti Sec. 508: 1194.22 (a)
Metodologia di raggiungimento dell'obiettivo: Sono stati inseriti testi alternativi equivalenti laddove è presente un oggetto non testuale. A titolo d’esempio l’attributo ‘alt’ per le immagini. Inoltre Drupal7 tramite l’integrazione di vari editor di testo WYSIWYG tra cui il CKEditor, supporta i redattori nella creazione di un nuovo contenuto suggerendo l’inserimento del testo alternativo per un oggetto non testuale.
Tecnica di verifica: Esame a campione delle pagine del sito.
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.
Riferimenti WCAG 1.0: 2.1
Riferimenti Sec. 508: 1194.22 (c)
Metodologia di raggiungimento dell'obiettivo: Il sito è stato realizzato utilizzando la libreria Bootstrap Italia, che personalizza la libreria Bootstrap 4.5.0 seguendo le Linee Guida di Design per i siti web della Pubblica Amministrazione. Di conseguenza gli elementi di tutte le pagine sono realizzati per non vincolare informazioni e funzionalità alla possibilità di percepire i colori.
Tecnica di verifica: Esame a campione delle pagine del sito.
Requisito n.° 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.
Riferimenti WCAG 1.0: 7.1, 7.2, 7.3
Riferimenti Sec. 508: 1194.22 (j)
Metodologia di raggiungimento dell'obiettivo: Anche in questo caso l’utilizzo della libreria Bootstrap Italia per la realizzazione della componenti delle pagine del sito è stata fondamentale. Infatti regolamenta bene l’utilizzo di questo genere di oggetti e scritte, poiché si attiene alle linee guida per i siti web dalla Pubblica Amministrazione. In generale non sono stati integrati ulteriori oggetti e scritte lampeggianti o in movimento fatta eccezione per il blocco ‘cerca’ nel header, che prevede un’animazione. Ma questa è graficamente in linea con il tema del sito ed il blocco è contrassegnato dal testo ‘cerca’ che ne chiarisce il suo utilizzo e la stessa funzionalità è accessibile tramite “Accesskey”. Inoltre gli autori responsabili dei contenuti sono consapevoli nel evitare tali tipi di oggetti se non strettamente necessari e comunque nel dare indicazioni chiare al riguardo.
Tecnica di verifica: Esame a campione delle pagine del sito.
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); evitare di presentare testi in forma di immagini; ove non sia possibile, ricorrere agli stessi criteri di distinguibilità indicati in precedenza.
Riferimenti WCAG 1.0: 2.2
Riferimenti Sec. 508: non presente
Metodologia di raggiungimento dell'obiettivo: Il sito è stato realizzato utilizzando la libreria Bootstrap Italia e personalizzandola facendo attenzione alla scelta dei colori, del loro contrasto, all’utilizzo di bordi, di ombreggiature, ecc. La personalizzazione di questi elementi è stata effettuata in modo che siano sempre nettamente distinguibili gli oggetti che costituiscono il foreground (es. titoli, paragrafi, ecc.) dal background nel quale essi sono posizionati.
Tecnica di verifica: Esame a campione delle pagine del sito verificando che gli elementi rispettassero lo standard WGAC di colore e contrasto per l’accessibilità del testo.
Requisito n.° 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.
Riferimenti WCAG 1.0: 9.1
Riferimenti Sec. 508: 1194.22 (f)
Metodologia di raggiungimento dell'obiettivo: Questo sito non utilizza mappe immagine, quindi il Requisito 7 non è applicabile.
Requisito n.° 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.
Riferimenti WCAG 1.0: 1.2
Riferimenti Sec. 508: 1194.22 (e)
Metodologia di raggiungimento dell'obiettivo: Questo sito non utilizza mappe immagine, quindi il Requisito 8 non è applicabile.
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.
Riferimenti WCAG 1.0: 5.1, 5.5, 5.6
Riferimenti Sec. 508: 1194.22 (g)
Metodologia di raggiungimento dell'obiettivo: Alcuni degli editor di testo WYSIWYG integrati supportano le tabelle dati ad un livello logico (N righe per M colonne) e consentono di specificare le intestazioni di riga e/o di colonna generando automaticamente tag TH al posto dei tag TD per le celle di intestazione. Per ogni tabella dati è possibile specificare il sommario (attributo ‘summary’).
Tecnica di verifica: Esame a campione delle pagine del sito.
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.
Riferimenti WCAG 1.0: 5.2
Riferimenti Sec. 508: 1194.22 (h)
Metodologia di raggiungimento dell'obiettivo: Questo sito non utilizza tabelle dati a 2 livelli logici, quindi il Requisito 10 non è applicabile.
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.
Riferimenti WCAG 1.0: 3.3, 6.1
Riferimenti Sec. 508: 1194.22 (d)
Metodologia di raggiungimento dell'obiettivo: Grazie all’utilizzo e all’estensione della libreria Bootstrap Italia l'impaginazione delle pagine di questo sito non è realizzata attraverso l’uso di tabelle ma bensì attraverso fogli di stile CSS generati con processore SASS. Il codice è costruito in modo logico e utilizza sempre i tag più appropriati per ogni situazione: 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: tutte le pagine sono state validate con il Validatore del W3C ed è stata fatta un’analisi a campione della visualizzazione della pagine con i fogli di stile 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 o dei caratteri rispetto ai valori predefiniti di tali parametri.
Riferimenti WCAG 1.0: 3.4
Riferimenti Sec. 508: non presente
Metodologia di raggiungimento dell'obiettivo: Utilizzando ed estendendo la libreria Bootstrap Italia viene realizzata un’impaginazione fluida. Ovvero le pagine di questo sito si adattano alle differenti risoluzioni (fluid layout) e quindi tutti gli elementi si adattano automaticamente alla risoluzione in modo che la presentazione sia sempre chiara e pulita. Inoltre tutti i testi possono anche essere ingranditi o rimpiccioliti con i comandi dei browser.
Tecnica di verifica: Esame a campione di più pagine attraverso browser differenti (es. Chrome, Firefox) e a diverse risoluzioni (da una width di 500 pixel in poi).
Requisito n.° 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.
Riferimenti WCAG 1.0: 5.3, 5.4
Riferimenti Sec. 508: non presente
Metodologia di raggiungimento dell'obiettivo: Questo sito poiché basato sulla libreria Bootstrap Italia, non utilizza tabelle di impaginazione. Questa viene fatta esclusivamente utilizzando i CSS.
Requisito n.° 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.
Riferimenti WCAG 1.0: 10.2, 12.4
Riferimenti Sec. 508: 1194.22 (n)
Metodologia di raggiungimento dell'obiettivo: Nel sito tutte i campi di input di tutte le form, sono costruiti associando in maniera esplicita le etichette o definendo in maniera corretta gli attributi per il loro utilizzo.
Tecnica di verifica: Esame dei campi input delle pagine del sito.
Requisito n.° 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 n. 3.
Riferimenti WCAG 1.0: 6.3
Riferimenti Sec. 508: 1194.22 (l), 1194.22 (m)
Metodologia di raggiungimento dell'obiettivo: Le uniche funzionalità implementate per mezzo di script sono tre, ovvero: l’apertura del menu in versione mobile, ma le voci del menu sono comunque presenti nel footer; l’apertura della barra di ricerca, che nel caso di assenza di script viene già mostrata aperta e il pulsante in basso a destra che permette di ritornare rapidamente ad inizio pagina, cosa che è sempre possibile fare scrollando normalmente la pagina. Quindi la disabilitazione degli script non pregiudica l’accessibilità del sito, in quanto tutte le informazioni restano raggiungibili e le funzionalità o vengono mantenute o hanno un’alternativa equivalente.
Tecnica di verifica: Disabilitazione degli script per testare tutte le funzionalità implementate con essi.
Requisito n.° 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.
Riferimenti WCAG 1.0: 6.4, 9.2, 9.3
Riferimenti Sec. 508: 1194.22 (l), 1194.22 (m)
Metodologia di raggiungimento dell'obiettivo: Nessuno degli script realizzati è dipendente da un particolare dispositivo di input.
Tecnica di verifica: Verifica di tutte le funzionalità che fanno uso di script mediante diversi dispositivi di input (mouse, tastiera, touchscreen, ecc.).
Requisito n.° 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.
Riferimenti WCAG 1.0: 8.1
Riferimenti Sec. 508: 1194.22 (l), 1194.22 (m)
Metodologia di raggiungimento dell'obiettivo: Come analizzato in precedenza nel Requisito 15, l’uso di script non è fondamentale per la corretta fruizione del sito. Ne consegue che le funzionalità e le informazioni sono sempre garantite.
Tecnica di verifica: Disabilitazione degli script per testare tutte le funzionalità implementate con essi.
Requisito n.° 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.
Riferimenti WCAG 1.0: 1.3, 1.4
Riferimenti Sec. 508: 1194.22 (b)
Metodologia di raggiungimento dell'obiettivo: I redattori dei contenuti sono stati formati all’inserimento di descrizioni esplicative e coerenti qualora dovessero inserire nel sito filmati o presentazioni multimediali.
Tecnica di verifica: Esame a campione delle pagine del sito.
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, nonché prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.
Riferimenti WCAG 1.0: 13.1, 13.6
Riferimenti Sec. 508: 1194.22 (o)
Metodologia di raggiungimento dell'obiettivo: Nei link è presente l’attributo ‘title’ che supporta l’utente nella navigazione descrivendo la destinazione del link. Per alcuni link sono stati implementati i tasti di scelta rapida (‘acceskey’).
Tecnica di verifica: Esame a campione delle pagine del sito.
Requisito n.° 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.
Riferimenti WCAG 1.0: 7.4, 7.5
Riferimenti Sec. 508: 1194.22 (p)
Metodologia di raggiungimento dell'obiettivo: In questo sito non sono presenti funzionalità a tempo. Nel caso si integrino 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.
Requisito n.° 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 1 em, le distanze orizzontale e verticale tra i pulsanti di un modulo sia di almeno 1 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l’etichetta in essi contenuta.
Riferimenti WCAG 1.0: non presente
Riferimenti Sec. 508: non presente
Metodologia di raggiungimento dell'obiettivo: Dato l’utilizzo della libreria Bootstrap Italia nel sito ne consegue che la spaziatura ed il posizionamento di link, pulsanti e campi input è ben definita attraverso fogli di stile CSS. Inoltre tutti i link sono perfettamente selezionabili con ogni dispositivo, come per esempio la tastiera tramite il ‘tabindex’.
Tecnica di verifica: Verifica a campione delle pagine del sito attraverso dispositivi diversi dal mouse, controllo delle sequenze di link e dei campi input per la verifica della spaziatura e del dimensionamento degli oggetti.
Requisito n.° 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.
Riferimenti WCAG 1.0: 11.4
Riferimenti Sec. 508: 1194.22 (k)
Metodologia di raggiungimento dell'obiettivo: Il sito è conforme a tutti i punti della presente Verifica Tecnica e non è quindi necessario realizzare versioni alternative delle pagine stesse.
23 Luglio 2020.
Per scaricare il documento: Dichiarazione di Accessibilità secondo i punti della legge Stanca