Le verifiche di accessibilità e lettura tramite screen reader sono state effettuate tramite software JAWS e NatularReader.

Requisito 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):

1. 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;
2. 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 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;
   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, 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 (www.wordpress.com) che genera  pagine HTML5 mantenendo la compatibilità con l’ormai obsoleto XHTML Strict.
La strutturazione dei contenuti in modo semanticamente corretto è stata realizzata dagli autori dei contenuti, a seguito di opportuna formazione sull’accessibilità.

Verifica

Tutte le pagine del sito hanno superato la validazione XHTML Strict effettuata con il W3C Validator. L’ultima verifica è stata effettuata il 4 Luglio 2021.
Per quanto attiene la semantica è stato effettuato il controllo manuale di tutte le pagine principali delle diverse sezioni e di numerose pagine a campione. L’ultima verifica è stata effettuata il 5 Luglio 2021.

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:

1. 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;
2. 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;
3. 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 CNIPA (Centro Nazionale per l’Informatica nella Pubblica Amministrazione).

Metodologia di raggiungimento dell’obiettivo

Non sono stati usati frame nella costruzione delle pagine.

Verifica

Effettuata manualmente su tutte le pagine in data 05 Luglio 2021.

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

Per le immagini a contenuto descrittivo è stata aggiunta la relativa didascalia.

Verifica

Verifica effettuata tramite strumento Lighthouse nel pannello developer del browser Chrome in data 05 Luglio 2021 in testa alla pagina.

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

E’ stato inserito nell’header del sito il pannello “Accessibilità” che dà la possibilità anche ad utenti con disabilità di usufruire dei contenuti in modalità bianco e nero, alto contrasto, negativo/inverso.

Verifica

Analisi manuale delle pagine in data 06 Luglio 2021.

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

Sono state appositamente inibite via CSS tutti i tipi di animazioni.

Verifica

Analisi manuale della home page e delle principali pagine di sezione da essa direttamente collegate, oltre ad un esame a campione di numerose pagine del sito. Data ultima verifica: 06 Luglio 2021.

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

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 di ogni singola pagina, si assicura la coerenza grafica dell’intero sito. Tutti i fogli di stile utilizzati per gli elementi di pagina e per i telai generali delle sezioni sono stati controllati per verificare l’esistenza del contrasto minimo secondo l’algoritmo di contrasto colore del W3C.

Verifica

Tramite Lighthouse come specificato ad inizio pagina.

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

Nessuna mappa immagine è stata usata per la costruzione del sito.

Verifica

Tramite Lighthouse come specificato ad inizio pagina.

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

Nessuna mappa immagine è stata usata per la costruzione del sito.

Verifica

Tramite Lighthouse come specificato ad inizio pagina.

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

Le tabelle sono state create tramite plugin wordpress con sintassi tag standard, e responsive.

Verifica

Tramite Lighthouse come specificato ad inizio pagina.

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 usate tabelle con più di un livello logico.

Verifica

Verifica manuale in data 06 Luglio 2021.

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 del sito è realizzata attraverso fogli di stile e non tramite tabelle.
Sono stati utilizzati sempre i tag più appropriati per ogni situazione: “h1” per i titoli, “h2” per i sottotitoli, “p” per i paragrafi, “ol” per gli elenchi, “strong” ed “em” per l’evidenziazione del testo: 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.

Verifica

Vengono disabilitati manualmente i fogli di stile, per constatare che le pagine non abbiano problemi e possano essere lette correttamente.

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

I contenuti sono impaginati con CSS e media queries per varie risoluzioni, mantenendo la leggibilità anche su schermi tablet e smartphone. Non sono stati usate altre tecnologie proprietarie (flash, applet, iframe) per la costruzione del sito.

Verifica

La navigazione è garantita con tutti i browser compatibili con gli standard definiti dal W3C per le tecnologie HTML2 e CSS3.

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

L’impaginazione generale di ogni pagina è realizzata attraverso porzioni di XHTML e CSS (telai) realizzati da chi progetta il sito. È quindi possibile realizzare sia siti impaginati con tabelle che siti impaginati esclusivamente con i CSS. In ogni caso, in questo sito si è preferito non fare uso alcuno di tabelle di impaginazione.

Verifica

Le pagine vengono poi validate con il Validatore del W3C.

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

Non sono stati usati form HTML nella realizzazione del sito.

Verifica

Verifica manuale delle pagine effettuata il 07 Luglio 2021.

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

Metodologia di raggiungimento dell’obiettivo

Il sito funziona senza l’uso di javascript, java o flash poichè tutte le funzionalità interattive utilizzano codice lato server. In FlexCMP sono utilizzati unicamente due elementi javascript: uno per vuotare i campi predefiniti dei moduli (vedi punto precedente) e l’altro per aprire i link in una nuova finestra, con avviso inserito nel campo “title” (dovuto al fatto che in XHTML version Strict è stato eliminato l’attributo “target” dei link).

Verifica

Esame manuale delle pagine del sito e verifica dei meccanismi predisposti.

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

Gli unici due javascript utilizzati, già illustrati nei due punti precedenti, sono utilizzabili sia con il mouse che con la tastiera. Tali script sono stati testati con gli screen reader Jaws e NaturalReader. Nonostante i numerosi test effettuati, nel caso si dovessero evidenziare incompatibilità legate a queste due funzioni sarà sufficiente modificare i file esterni javascript  per risolvere il problema in tutti i siti così realizzati.

Verifica

Esame manuale delle pagine del sito interessate, anche tramite gli screen reader JAWS e NaturalReader.

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 gli unici due script utilizzati sono stati verificati anche con le tecnologie assistive. In ogni caso è possibile disabilitare tali script senza perdite di funzionalità.

Verifica

Vedi punto precedente.

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 stessi.

Verifica

Attualmente (in data 07 Luglio 2021) il sito non presenta contenuti audio/video. Eventuali gallery multimediali sono fruibili tramite piattaforme esterne ( Youtube/Facebook) accessibili tramite gli appositi bottoni nell’header.

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

Nel sito la descrizione dei link è demandata agli autori dei contenuti e non potrebbe essere altrimenti. Chi progetta i modelli grafici generali del sito può inserirvi opportuni link al fine di saltare a determinati punti della pagina. Il sito supporta i tasti di accesso rapido (AccessKey) consentendo agli autori del sito di associarli opportunamente a specifiche voci di menu.

Verifica

Attraverso Lighthouse (report all’inizio della pagina) abbiamo verificato i collegamenti ipertestuali, le relative aria-label e, nel caso di immagini, opportune didascalie. I singoli autori dei contenuti hanno verificato la correttezza logica delle descrizioni inserite.

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

Non sono state implementate  funzionalità a tempo.

Verifica

Nessuna verifica necessaria, in quanto non esiste in questo sito alcuna forma di temporizzazione delle pagine servite.

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. Nel sito, infatti, non viene utilizzato JavaScript, Java o Flash per la creazione di link e quindi ogni link è in puro XHTML. 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 del punto 21.

Verifica

Esame manuale delle pagine del sito in data 06 Luglio 2021.

Requisito 22

Enunciato

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.

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.

Aiutateci 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 segnalare ogni irregolarità riscontrata tramite PEC all’indirizzo ufficio.protocollo@comune.sangiovannisuergiu.ci.it al fine di consentirci di eliminarla nel più breve tempo possibile.