Accessibilità


Questo sito è stato creato su CMS Open Source e mira ad essere accessibile nel rispetto degli standard del W3C e dei principi sia della legge  Stanca del 2004 che delle WCAG 2.0.

Questo significa, in particolare,  che il sito:

  • è scritto con codice XHTML “strict” valido, compatibilmente con i codici utilizzati dai plugin esterni comunque indispensabili per varie funzionalità
  • è fruibile con modalità di “lettura” diverse dai browser grafici tradizionali (browser vocali, browser testuali, …)
  • è navigabile anche con sistemi diversi dal mouse (tastiera, tabulazioni, altri sistemi di puntatura)
  • è ridimensionabile per la lettura a caratteri ingranditi o rimpiccioliti
  • è modificabile nella visualizzazione con contrasto scuro o chiaro
  • è dotato della possibilità di evidenziare o di sottolineare i link
  • è in grado di consentire la scelta di un font diverso da quello in uso
  • è in grado di consentire la disattivazione di tutte le animazioni

Nel tentativo di renderlo il più accessibile possibile, è stato installato il plugin Accessibility di Octa Code che – oltre a rimuovere gli attributi “title” ridondanti all’interno di contenuti quali ad esempio elementi immagine con testi alt valorizzati, abilitare il salto dei link con WebKit, abilitare salti di link verso destinazioni definite dall’utente, aggiungere gli attributi di lingua e direzione del testo per l’elemento HTML, rimuovere gli attributi “target” dai link, fornire una pagina per segnalare un errore di ricerca in caso di ricerche vuote, rimuovere tabindex dagli elementi che possono ottenere il focus, aiutare a selezionare i colori più adatti, rispettando l’algoritmo previsto dalle WCAG 2.0 e tanto altro – fornisce una barra di supporto all’utente per utilizzare visualizzazioni ad alto contrasto o a caratteri fortemente ingranditi.

Un altro strumento che il sito utilizzerà in tempi brevi, sempre nell’ottica di una maggiore accessibilità e conforme alle caratteristiche richieste da Web Accessibility Compliance Group 2.0, ADA e BS 8878:2010, è quello che consente la lettura automatica dei file di testo che costituiscono il nucleo centrale di pagine e/o articoli su smartphone, tablet e desktop pc indipendentemente dal tipo di browser usato. La funzione è attivabile/disattivabile tramite un pulsante automaticamente riconosciuto dai vari browser grafici tradizionali.

Nell’Agosto del 2016, il sito è stato ridisegnato e ristrutturato, per quanto possibile, secondo le Linee guida di design per i servizi web della PA cosicchè:

  • i link sono inseriti nel corpo del testo, in pulsanti e, nei pochi casi di immagini linkate, sono comunque di uso intuitivo;
  • i link esterni sono tutti contrassegnati dal carattere Font Awesome ;
  • le immagini sono di qualità adeguata sia a livello di risoluzione che di dimensioni, sono ottimizzate per il web, arricchiscono le informazioni testuali  e presentano l’attributo Alt;
  • l’intera struttura, nell’ottica del mobile first, è responsiva in tutte le sue parti così da consentire una visione ottimale su tutti i dispositivi mobili siano essi smartphone o tablet;
Immagine composita dei risultati dei test di usabilità e ottimizzazione mobile di Google

Immagine composita dei risultati dei test di usabilità e ottimizzazione mobile di Google

  • l’uso di sidebar è limitato alle Aree Utenti e all’Archivio Circolari per una maggiore immediatezza nella fruibilità dei contenuti e, nella lettura tramite dispositivi mobili, vengono sempre caricate alla fine dell’area riservata al contenuto;
  • i colori rispettano quelli indicati per le amministrazioni centrali con leggere variazioni che non ne cambiano, comunque, le tonalità;
  • il solo carattere tipografico usato è Titillium Web con dimensione standard del paragrafo di testo di 18px e con un peso di 400 px;
  • gli heading sono impostati secondo le seguenti formattazioni consigliate 

    H1 Titolo

    titolo pagina: Titillium bold – corpo 54px, interlinea 1.2

    H2 Titolo

    titolo sezione: Titillium bold – corpo 40px, interlinea 1.2

    H3 Titolo

    titolo articolo: Titillium bold – corpo 32px, interlinea 1.2

    H4 Titolo

    titolo paragrafo: Titillium bold – corpo 23px, interlinea 1.2

    H5 Titolo

    testo grande: Titillium normal – corpo 21px, interlinea 1.2

    H6 Titolo

    titoletto: Titillium bold – corpo 18px, interlinea 1.55

  • i form presentano i campi accompagnati dalle rispettive indicazioni:
  • le icone sono quelle di Font Awesome;
  • Il corpo della home page presenta una struttura modulare orizzontale con sezioni che presentano contenuti omogenei,  che sono sempre introdotte da un titolo che le identifica e che, quando presentano ulteriori contenuti, contengono un link alla pagina di riferimento indicato dal carattere Font Awesome ;
  • l’utilizzo di carousel o slider ad avvio automatico è limitato e, comunque, la riproduzione è controllabile dall’utente col semplice hovering del mouse e sono presenti o le frecce di spostamento o i puntini di selezione o entrambi;
  • l’header, fixed e shrinkable, presenta il logo dell’istituto, la casella di ricerca, un menu rapido per i link di uso più frequente e per il pulsante di login/logout e il menu generale, identificato dall’icona hamburger , che si apre nella parte destra ridimensionando, nella versione desktop, il contenuto della pagina;
  • il footer contiene il logo e l’intestazione dell’istituto, i contatti, i social, i link ad “Amministrazione trasparente”, alla privacy policy, alla cookie policy, alle note legali;
  • è completamente evitato l’uso di immagini lampeggianti di qualsiasi tipo.

Obiettivi di accessibilità 2017