ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione tra design e normativa

#forumpa2016

Dieci requisiti per i siti web della Pubblica Amministrazione

tra design e normativa

Fabrizio Caccavello

- Academy FPA -

Digital Strategic Planner - Web Accessibility Expert

Mi occupo di standard, accessibilità e strategie per il web

Membro del Consiglio Direttivo di IWA Italy

Agenzia per l’Italia Digitale Area Regole, standard e guide tecniche

Amministratore e fondatore di Akebia società di servizi per il web.

Commissione e-Accessibility Coordinatore del GdL2 "Adozioni e Traduzioni”

About me: Fabrizio Caccavello

Fabrizio Caccavello Roma, 25 maggio 2016

L’associazione internazionale per la professionalità nel Web

partecipazioni internazionali

principali partecipazioni nazionali

http://www.iwa.it

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

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

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

International Web Association

Base slide - versione 1.1 del 29/02/2016

Fabrizio Caccavello Roma, 25 maggio 2016 - ForumPA

Gli utenti molto spesso sono critici rispetto ai siti web della Pubblica Amministrazione. Eppure sviluppatori e amministratori pubblici hanno la sensazione di aver fatto tutto il possibile per rendere i loro progetti efficienti e “a misura del cittadino”. Ma c’è un gap evidente tra ciò che si sarebbe voluto offrire e ciò che invece si sta davvero offrendo agli utenti. In questo seminario sarà esposta una checklist in 10 punti attraverso la quale gli amministratori pubblici che commissionano i progetti e gli sviluppatori che li realizzano, potranno valutare la qualità complessiva di un progetto web, in modo che possa essere ridotta quella costante insoddisfazione che hanno, a ragione, gli utenti nei confronti della PA e dei progetti web che espongono sulla rete.

Utente, come ti trovi a navigare su questo sito

mah… più o meno…

Qualità dei siti weboggi parliamo di

marciapiedi

questo ambiente è molto familiare

e forse anche rassicurante

Automobili ordinatamente

parcheggiate

Pista ciclabile ai margini

della strada

Un marciapiede protetto per le

persone

Aiuole per gli alberi

Marciapiedi con scivoli per agevolare il passaggio

eppure…

Non sembra esistano strisce per i parcheggi

La pista ciclabile è molto stretta

La pista ciclabile ha delle buche

La cunetta è accidentata e sconnessa

La segnaletica è

sbiadita e incerta

Sugli alberi si notano strani

oggetti: segnali o protezioni?

Il marciapiede è molto stretto

Si notano segni non

identificabili

È tutto un po’ così così, sia per il marciapiede che per i siti web.

Ma perché?

COSA VEDREMO

Trasparenza

Accessibilità

Anticorruzione

Privacy

Open Data

User Experience

Responsive design

Layout

Tecnologia

Contenuti

1 Accessibilità

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

Tim Berners-Lee

La forza del Web sta nella sua universalità. Renderlo accessibile a tutti, indipendentemente dalla disabilità, è un aspetto essenziale.

http://www.w3.org/WAI/

1 Accessibilità / riferimenti

http://www.w3.org/standards/webdesign/accessibilitypagine accessibilità sul sito W3C

http://www.w3.org/Translations/WCAG20-it/Web Content Accessibility Guidelines (WCAG) 2.0

Accessible Rich Internet Applications (WAI-ARIA) 1.0http://www.w3.org/TR/wai-aria/

1 Accessibilità / normativa

http://www.agid.gov.it/agenda-digitale/pubblica-amministrazione/accessibilita/normativa

Sezione Accessibilità sul sito AgID

http://accessibilita.agid.gov.itPubblicazione obiettivi accessibilità (entro 31 marzo)

Legge 4/2004 http://www.camera.it/parlam/leggi/04004l.htm

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

DL 179/2012

DM 8 luglio 2005 - Requisiti tecnici e i diversi livelli per l'accessibilità agli strumenti informatici. Allegato A: Verifica tecnica e requisiti di accessibilità delle applicazioni basate su tecnologie internet aggiornato dal DM 20 marzo 2013 - GU Serie Generale n. 217 del 16-9-2013

1 Accessibilità - Facciamo un esempio

immaginate che questo sia lo slideshow di un sito web

- ce ne sono tantissimi di questo tipo -

Per accessibilità web si indica la capacità di un sito web di essere acceduto efficacemente (alla sua interfaccia e al suo contenuto) da utenti diversi in differenti contesti. Rendere un sito web accessibile significa permettere l'accesso all'informazione contenuta nel sito anche a persone con disabilità fisiche di diverso tipo e a chi dispone di strumenti hardware e software limitati.

Accessibilità - Facciamo un esempio

La Web Accessibility Initiative (WAI)

NOTA: slideshow temporizzata con 4,5 secondi di visualizzazione

La Web Accessibility Initiative (WAI)

Web Accessibility Perspectives explores the impact of accessibility for people with disabilities and the benefits for everyone.

NOTA: slideshow temporizzata con 4,5 secondi di visualizzazione

che cosa avete letto?che cosa avreste voluto fare?

chi può dire quanto tempo impiegherà un utente a leggere un testo?

10 secondi? 20 secondi? 1 minuto?

1I contenuti che si aggiornano automaticamente devono avere dei meccanismi per mettere in pausa

anche con comandi da tastiera

WCAG 2.0 - Adeguata disponibilità di tempo - Principio 2.2.2 http://www.w3.org/Translations/WCAG20-it/#time-limits

L.4/2004 - Aggiornamento del 20/03/2013 dell’allegato A - D.M. 8 luglio 2005Punto di controllo 6.2 lettera a http://www.agid.gov.it/decreto-ministeriale-8-luglio-2005

1 Accessibilità / I PRINCIPI

Principio 1: percepibile le informazioni e i componenti dell'interfaccia utente devono essere presentati in modo che possano essere fruiti attraverso differenti canali sensoriali.

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

Principio 3: comprensibile gli utenti devono poter comprendere le modalità di funzionamento dell’interfaccia e le azioni in essa contenute necessarie per ottenere servizi e informazioni.

Principio 4: 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.

Requisiti tecnici di accessibilità e punti di controllo per la valutazione di conformitàhttp://www.w3.org/Translations/WCAG20-it/

2 Trasparenza / Amministrazione Trasparente - normativa

LEGGE 6 novembre 2012, n. 190Disposizioni per la prevenzione e la repressione della corruzione e dell'illegalità nella pubblica amministrazione.

Riordino della disciplina riguardante gli obblighi di pubblicita', trasparenza e diffusione di informazioni da parte delle pubbliche amministrazioni.

DECRETO LEGISLATIVO 14 marzo 2013, n. 33

ATTENZIONE Dal 19 maggio 2016

NUOVO DECRETO TRASPARENZA

il cosiddetto Freedom of Information Act (FOIA)

ma amministrazione trasparente significa esporre uno di questi loghi in homepage?

Trasparenza / Amministrazione Trasparente - normativa

oppure accendere le faccine verdi sulla bussola della trasparenza?http://www.magellanopa.it/bussola/

2invece avremmo dovuto:

• verificare i contenuti • pubblicarli in modo accessibile • accertarci che l’interfaccia d’uso fosse accessibile • che la sezione fosse presente sul sito ufficiale • che la User Experience dell’utente fosse simile al resto del sito web • che la ricerca delle informazioni fosse attiva anche in questa area • …

2 Trasparenza / Albo Pretorio - normativa

Disposizioni per lo sviluppo economico, la semplificazione, la competitività nonché in materia di processo civile

LEGGE 18 giugno 2009, n. 69 L’art. 32 comma 1

anche in questo caso avremmo dovuto:

• verificare i contenuti • pubblicarli in modo accessibile • accertarci che l’interfaccia d’uso fosse accessibile • che la sezione fosse presente sul sito ufficiale • che la User Experience dell’utente fosse simile al resto del sito web • che la ricerca delle informazioni fosse attiva anche in questa area • …

invece spesso con l’albo pretorio online abbiamo nascosto e complicato, invece di usare la tecnologia per semplificare, fornire trasparenza, migliorare il rapporto PA/utenti

3 Anticorruzione / normativa

LEGGE 6 novembre 2012, n. 190Disposizioni per la prevenzione e la repressione della corruzione e dell'illegalità nella pubblica amministrazione.

Autorità Nazionale Anticorruzione (ANAC)http://www.anticorruzione.it/portal/public/classic/

3 Anticorruzione / normativa

Entro il 30 gennaio invio all’ANAC del file XML

ecco cosa succede

Una grande quantità di file XML è errato. Probabilmente sono tutti errori formali ma dimostrano una scarsa attenzione a questi temi importanti

4 Privacy

Informativahttp://www.garanteprivacy.it/privacy-e-internet

Non significa solo pubblicare un documento frutto di inconsapevole copia e incolla, ma riflettere sui temi della privacy di un progetto web

4 Privacy

http://garanteprivacy.it/cookieCookie

Come per l’informativa, riflettere su ciò che significa usare i cookie

5 Open Data

http://www.agid.gov.it/agenda-digitale/open-data

Occasione per riflettere almeno su due punti:

1) si hanno dei dati da poter distribuire in formato open? magari per permettere a terzi la creazione di nuovi servizi?

2) ci sono dati open che possiamo riutilizzare per creare nuovi servizi sul progetto web?

6 User Experience

Usabilità Accessibilità Personas Scenari

6 User Experience

Avete mai iniziato la progettazione iniziando a ragionare di Personas e Scenari?

7 Tecnologia

A chi state affidando i vostri contenuti e i

vostri dati?

7 Tecnologia

Solo un esempio: legittimo fornire servizi agli utenti usando risorse di tipo cloud, ma avete mai controllato, per esempio, se al termine di un contratto i vostri dati potranno essere recuperati e riutilizzati su altre piattaforme web o altri servizi cloud?

8 Contenuti / facciamoci un’idea

sito web

normativa

turismo

utilities

Social

news…

8 Contenuti / facciamoci un’idea: dove?

sito web

normativa

turismoutilities

Social

albo pretorio

ammin. trasparente

canali

aree separate

8 Contenuti / facciamoci un’idea: come?

testi video audio

accessibilie strutturati

9 Responsive design

Mobile first?Siamo proprio sicuri che tutti i contenuti e i servizi devono essere ottimizzati per il mobile?

9 Responsive design / non re-inventiamo la ruota

Foundation Bootstrap

i framework HTML - CSS - Javascript aiutano a creare applicazione web solide con funzionalità multi device già testate

Layout10

è solo una conseguenza dei

ragionamenti fatti fino a qui

Layout

è solo una conseguenza dei

ragionamenti fatti fino a qui

progettazione web efficace

Contenuti

Tecnologia

Standard e normative

Design

UX di successo

eppur si muovein Agenzia per l’Italia Digitale si sta cercando di mettere in piedi delle linee guida per il design dei siti della PA (versione alfa)

http://design.italia.it

Chi farà tutto questo lavoro?

! Information Architect ! Digital Strategic Planner ! Web Accessibility Expert ! Web Security Expert ! Mobile Application Developer ! E-commerce Specialist ! Online Store Manager ! Reputation Manager ! Knowledge Manager ! Augmented Reality Expert ! E-Learning Specialist ! Data Scientist ! Wikipedian

! Web Community Manager ! Web Project Manager ! Web Account Manager ! User Experience Designer ! Web Business Analyst ! Web DB Administrator ! Search Engine Expert ! Web Advertising Manager ! Frontend Web Developer ! Server Side Web Developer ! Web Content Specialist ! Web Server Administrator

http://www.skillprofiles.eu/

UNI 11621-1/4: 2016 Attività professionali non regolamentate – Profili professionali per l’ICT

abbiamo parlato mai di aspetto grafico e di homepage?

riflessione finale

Eppure quasi sempre ciò che si richiederà al fornitore sarà di vedere la demo della homepage. E questi 10 punti?

Fabrizio Caccavello

@cfabry

fabrizio.caccavello@gmail.com

ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione tra design e normativa

Internet

Transcript of ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione tra design e normativa

Cooperazione tra PA FORUMPA 25 maggio 2016

PROGETTO PILOTA Informatizzazione Procura della ...old.innova.puglia.it/forumpa/Presentazione ForumPA 2009...del PM la possibilità di utilizzare i vantaggi che il sistema digitale

“Auror@ e Gnosis, I sistemi di gestione e consultazione ...old.innova.puglia.it/forumpa/Presentazione ForumPA 2009 - Procura... · Linee guida CNIPA “… .La riforma del sistema

Portale Telematico Interregionale di Promozione Turistica ForumPA Roma, 10 maggio 2005.

Open Government: prospettive e opportunità - ForumPa 2013

OuiShare e ForumPA presentano il Collaborative Territories Toolkit #Sharitories a Bologna presso SCE2014

ForumPA 2012

[MIDES] Forges - Gestionale ForumPA

Osimo forumpa

Forumpa 2008 - Convegno web 2.0

Progetto CLODIA_GruppoPragma_ FORUMPA CHALLENGE_#sce2014-1

Dieci Racconti

SOCrate - ForumPA Challege 2015 - Call4Ideas

INAIL ForumPA SmartWorking - Final

Forumpa challengea sce2014-1_digitallighting

Licia Betterelli – Responsabile URP – ForumPA 21 maggio 2007.

ForumPA Regione Emilia-Romagna

Dieci milioni_web

ForumPA 2011

Manuale Utente SITI Convocazioninewsemas.sian.it/siticonvoca/documentazione/SITI...SITI Convocazioni Interfaccia •••• 2 Interfaccia SITI Convocazioni è un’applicazione Web