smau milano 2016
Post on 14-Feb-2017
77 Views
Preview:
TRANSCRIPT
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: info@2dweb.it
Paolo Dadda
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
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/
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
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.
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.
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
top related