37
Milano, 27 ottobre 2016 Paolo Dadda Nell'ultimo periodo si è parlato molto di Design, Accessibilità ed Usabilità dei siti internet delle PA, ma davvero incontrano le esigenze del cittadino? Siti Web per le PA. Tra design accessibilità ed usabilità

SMAU Milano 2016

Embed Size (px)

Citation preview

Milano, 27 ottobre 2016

Paolo Dadda

Nell'ultimo periodo si è parlato molto di Design, Accessibilità ed Usabilità dei siti internet delle PA, ma davvero incontrano le esigenze del cittadino?

Siti Web per le PA. Tra design accessibilità ed usabilità

L’associazione internazionale per la professionalità nel Web

Dal 1996 (in Italia dal 2000) è il riferimento di chi lavora nel Web, sia nel settore pubblico che privato.

http://www.iwa.it

partecipazioni internazionali

principali partecipazioni nazionali

Associazione professionisti Web (Legge 4/2013), promotrice norme UNI in materia di professionalità ICT.

Obiettivo di IWA è creare rete tra i soci, partecipare all'evoluzione della rete e divulgare conoscenza tramite i soci con eventi e iniziative.

Front-end Developer - Server side Developer

Membro IWA ITALY nr. 0307429 Professionista Web ai sensi della Legge 4/2013

co-organizzatore GDG Milano

Titolare 2DWeb

Contatti:Tel.: 393.4298004

Ufficio: Via 4 Novembre, 94 Cislago (VA) WebSite: www.2dweb.it

Mail: [email protected]

Paolo Dadda

Lo scopo

Lo scopo

Perché un utente, un cittadino, visita il sito web di una PA?

Lo scopo

Perché un utente, un cittadino, visita il sito web di una PA?

Privati AziendeProfessionisti

Dobbiamo cercare di vedere il sito dal loro punto di vista …

Lo scopo

Perché un utente, un cittadino, visita il sito web di una PA?

Vuole informarsi Ha bisogno di informazioni

Deve reperire dei documenti

Lo scopo

Perché un utente, un cittadino, visita il sito web di una PA?

Vuole informarsi

• È un’azione dettata dalla curiosità

• Non ha un effettivo ed immediato bisogno

• Cerca trasparenza, per capire meglio

Ha bisogno di informazioni

• È un’azione dettata da una necessità precisa

• Ha bisogno di precise informazioni o conferme

• Sà cosa sta cercando e deve trovarlo

Deve reperire dei documenti

• Si è già informato, conosce la procedura

• Ha bisogno di un documento o un modulo per poter “sbrigare” le “faccende burocratiche”

I principi

I principi

Il sito AgID ci viene in aiuto… http://www.agid.gov.it/playbook-servizi/

I principi

fonte: http://www.agid.gov.it/playbook-servizi/

I principi

fonte: http://www.agid.gov.it/playbook-servizi/allegato/

Partiamo dalle basi: L’accessibilità “La caratteristica del servizio, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di non discriminare un utente nel processo di erogazione, soprattutto le persone che a causa di disabilità necessitano di tecnologie assistive.”

Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici

http://www.agid.gov.it/legge-9-gennaio-2004-n-4

Requisiti tecnici e i diversi livelli per l'accessibilità agli strumenti informatici

http://www.agid.gov.it/decreto-ministeriale-8-luglio-2005

https://www.w3.org/Translations/WCAG20-it/

Codice dell'Amministrazione Digitale Art. 53-54

http://www.agid.gov.it/cad/caratteristiche-siti

La conformità alle Web Content Accessibility Guidelines (WCAG 2.0) - Allegato A al DM. 8 Luglio 2005:

http://www.agid.gov.it/dm-8-luglio-2005-allegato-A

La specifica tecnica WAI-ARIA:

https://www.w3.org/WAI/intro/aria.php

https://www.w3.org/TR/wai-aria/

L’accessibilità nella vita reale

Li riconoscete vero?

L’accessibilità nella vita reale

Li riconoscete? Li usate?

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità Quattro principi ispiratori, che fanno da pilastri all’accessibilità del Web, sono comuni alle WCAG 2.0 e all’allegato A: ( http://www.agid.gov.it/dm-8-luglio-2005-allegato-A )

percepibile utilizzabile

comprensibile robusto

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Percepibile

Le informazioni e i componenti dell'interfaccia utente devono essere presentati in modo che possano essere fruiti attraverso differenti canali sensoriali.

Accessibilità - Percepibile

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Percepibile

Le informazioni e i componenti dell'interfaccia utente devono essere presentati in modo che possano essere fruiti attraverso differenti canali sensoriali.

• Fornire alternative testuali per il contenuto non testuale.

• Prevedere sottotitoli e alternative per il contenuto audio e video.

• Rendere il contenuto adattabile e disponibile per le tecnologie assistive.

• Utilizzare un sufficiente contrasto per rendere le cose facili da vedere e sentire.

Accessibilità - Percepibile

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Percepibile

Le informazioni e i componenti dell'interfaccia utente devono essere presentati in modo che possano essere fruiti attraverso differenti canali sensoriali.

Accessibilità - Percepibile

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Percepibile

Le informazioni e i componenti dell'interfaccia utente devono essere presentati in modo che possano essere fruiti attraverso differenti canali sensoriali.

Non legge immagini, ma solo testo digitale

Purtroppo le immagini, le foto e le scansioni non sono leggibili dagli screenreader perchè il testo contenuto è sotto forma di immagine e non può essere interpretato da un programma.

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Utilizzabile

I componenti dell’interfaccia utente e i comandi in essa contenuti devono essere utilizzabili senza ingiustificati disagi o vincoli per l’utente.

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Utilizzabile

I componenti dell’interfaccia utente e i comandi in essa contenuti devono essere utilizzabili senza ingiustificati disagi o vincoli per l’utente.

• Rendere le funzionalità accessibili da tastiera.

• Aiutare gli utenti a navigare e trovare il contenuto.

• Dare agli utenti abbastanza tempo per leggere e utilizzare il contenuto.

Accessibilità - Utilizzabile

fonte: http://design.italia.it/linee-guida/accessibilita/

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Comprensibile

Gli utenti devono poter comprendere le modalità di funzionamento dell’interfaccia e le azioni in essa contenute necessarie per ottenere servizi e informazioni.

Accessibilità - Comprensibile

fonte: http://design.italia.it/linee-guida/contenuti/

Accessibilità - Comprensibile

A B

perchè?

Accessibilità - Comprensibile

fonte: http://design.italia.it/linee-guida/contenuti/

Accessibilità - Comprensibile

fonte: http://design.italia.it/linee-guida/contenuti/

(linguaggio)

Accessibilità - Comprensibile

fonte: http://design.italia.it/linee-guida/contenuti/

Accessibilità - Comprensibile

fonte: http://design.italia.it/linee-guida/contenuti/

(titoli)

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Robusto

Il contenuto deve essere abbastanza robusto da poter essere interpretato in modo affidabile da una vasta gamma di programmi utilizzati dall’utente, comprese le tecnologie assistive.

I principi

fonte: http://design.italia.it/linee-guida/accessibilita/

Partiamo dalle basi: L’accessibilità - Robusto

Il contenuto deve essere abbastanza robusto da poter essere interpretato in modo affidabile da una vasta gamma di programmi utilizzati dall’utente, comprese le tecnologie assistive.

L’uso degli standard permette non sono di avere un’icona che certifichi la bontà del codice scritto, ma garantisce che il contenuto rimanga accessibile anche con l’avanzare della tecnologia, essendo interpretati in modo simile in tutti i browser.

Domande sulla parte

precedente?

?? ?

Le soluzioni

Le soluzioni

I contenuti (quanto riguarda la parte non tecnica) In PA medio piccole, in cui non c’è un reparto IT interno, per la parte relativa ai contenuti è sufficiente pubblicare pagine ed avvisi ricordando di seguire i principi di accessibilità visti fin’ora, facendosi assistere, nel caso di dubbi, da un professionista competente.

percepibile utilizzabile comprensibile robusto

Le soluzioni

La struttura (quanto riguarda la parte tecnica) In PA medio piccole, in cui non c’è un reparto IT interno, il consiglio è lasciare la parte tecnica, (aggiornamenti al codice, backup…) in mano ad un professionista, cercando di sceglierlo non solo in base al prezzo ed allo sconto proposto, ma in base alle specifiche del progetto, prevedendo di seguire lo stesso a norma di legge e, possibilmente, secondo le linee guida dettate dall’agenzia.

Le soluzioni

…e ricordate

ci sarà sempre qualcuno che proporrà ad un prezzo più basso!

GRAZIE A TUTTI!

Info e slide verranno pubblicate su Google+ e SlideShare.

LE SLIDE !!! - Eccole: disponibili fin da subito! http://www.slideshare.net/ilpaolino/smau-milano-2016

Google Plus Profile: plus.google.com/+2dwebIt

Facebook Page: https://www.facebook.com/duedweb

Twitter: @duedweb