SlideShare a Scribd company logo
1 of 13
WAI-ARIA
COSA CAMBIA
PER LE
P.A. ITALIANE
Roberto Scano
http://robertoscano.info
COSA
CAMBIA
PER I
CITTADINI
Webinar 14 Maggio 2014
AGGIORNAMENTO REQUISITI
https://twitter.com/MiurSocial/status/314323951549562880 http://www.gazzettaufficiale.it/eli/id/2013/09/16/13A07492/sg
AMBITO DI APPLICAZIONE
Le informazioni ed i servizi erogati possono essere resi fruibili
mediante:
•siti web;
•applicazioni realizzate con tecnologie web;
•documenti resi disponibili sui siti web;
•documenti di cui al requisito 11 dell'allegato d del DM 8 luglio
2005.
NUOVI REQUISITI DI ACCESSIBILITÀ: COSA
CAMBIA?
• DALLE WCAG 1.0 ALLE WCAG 2.0 : DA 22 A 12 REQUISITI
• Decade obbligo di utilizzare le versioni strict delle specifiche (ex requisito 1)
• Decade obbligo di operatività dei contenuti in assenza di script (ex requisito
15)
• Permane obbligo di utilizzare specifiche stabili (no HTML5, no CSS 3, si
WAI-ARIA 1.0 dal 20 marzo 2014)
• Prevede una metodologia di verifica dei processi completi, con non-
interferenza di oggetti non accessibili (utilizzabili ma non devono essere
indispensabili e non devono interferire con la fruibilità della pagina)
• I 12 requisiti e i 37 punti di controllo corrispondono al livello «AA» delle
WCAG 2.0
http://www.webaccessibile.org/normative/nuovi-requisiti-di-accessibilit
/
COSA CAMBIA NELLA METODOLOGIA DI
VERIFICA
• Nella verifica dei contenuti web, in particolar modo
delle applicazioni web, va verificato il corretto utilizzo
di WAI-ARIA così come già si verificavano gli oggetti
di programmazione (ovvero tramite strumenti come
aViewer).
• Il W3C a supporto degli sviluppatori fornisce una serie
di esempi (tecniche) per implementare e verificare la
conformità di WAI-ARIA.
AVIEWER
http://www.paciellogroup.com/resources/aviewer
TECNICHE WAI-ARIA (8 APRILE 2014)
• ARIA1: USING THE ARIA-DESCRIBEDBY PROPERTY TO PROVIDE A DESCRIPTIVE LA
• ARIA2: IDENTIFYING A REQUIRED FIELD WITH THE ARIA-REQUIRED PROPERTY
• ARIA4: USING A WAI-ARIA ROLE TO EXPOSE THE ROLE OF A USER INTERFACE COM
• ARIA5: USING WAI-ARIA STATE AND PROPERTY ATTRIBUTES TO EXPOSE THE STATE
• ARIA6: USING ARIA-LABEL TO PROVIDE LABELS FOR OBJECTS
• ARIA7: USING ARIA-LABELLEDBY FOR LINK PURPOSE
• ARIA8: USING ARIA-LABEL FOR LINK PURPOSE
• ARIA9: USING ARIA-LABELLEDBY TO CONCATENATE A LABEL FROM SEVERAL TEXT
• ARIA10: USING ARIA-LABELLEDBY TO PROVIDE A TEXT ALTERNATIVE FOR NON-TEX
http://www.w3.org/TR/WCAG20-TECHS/aria.html
TECNICHE WAI-ARIA (8 APRILE 2014)
• ARIA11: USING ARIA LANDMARKS TO IDENTIFY REGIONS OF A PAGE
• ARIA12: USING ROLE=HEADING TO IDENTIFY HEADINGS
• ARIA13: USING ARIA-LABELLEDBY TO NAME REGIONS AND LANDMARKS
• ARIA14: USING ARIA-LABEL TO PROVIDE AN INVISIBLE LABEL WHERE A VISIBLE
LABEL CANNOT BE USED
• ARIA15: USING ARIA-DESCRIBEDBY TO PROVIDE DESCRIPTIONS OF IMAGES
• ARIA16: USING ARIA-LABELLEDBY TO PROVIDE A NAME FOR USER INTERFACE
CONTROLS
• ARIA17: USING GROUPING ROLES TO IDENTIFY RELATED FORM CONTROLS
• ARIA18: USING ARIA-ALERTDIALOG TO IDENTIFY ERRORS
• ARIA19: USING ARIA ROLE=ALERT OR LIVE REGIONS TO IDENTIFY ERRORS
http://www.w3.org/TR/WCAG20-TECHS/aria.html
COSA CI ASPETTA?
• Possibilità di utilizzare
HTML5.x
• Sviluppo di framework
accessibili
• Applicazioni multicanale
accessibili
WAI-ARIA: cosa cambia per le PA italiane

More Related Content

Similar to WAI-ARIA: cosa cambia per le PA italiane

Angular framework
Angular frameworkAngular framework
Angular frameworkLuca Modica
 
05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia
05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia
05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItaliaVMUG IT
 
OCP - Overview del progetto
OCP - Overview del progettoOCP - Overview del progetto
OCP - Overview del progettoopencityplatform
 
OCP - Overview del progetto
OCP - Overview del progettoOCP - Overview del progetto
OCP - Overview del progettoopencityplatform
 
OCP - Overview del progetto
OCP - Overview del progettoOCP - Overview del progetto
OCP - Overview del progettoopencityplatform
 
WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...
WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...
WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...Profesia Srl, Lynx Group
 
Mobile Development: una introduzione per Web Developers
Mobile Development: una introduzione per Web DevelopersMobile Development: una introduzione per Web Developers
Mobile Development: una introduzione per Web Developerssparkfabrik
 
Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...
Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...
Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...Giuseppe Cramarossa
 
Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?Roberto Scano
 
Sviluppare Azure Web Apps
Sviluppare Azure Web AppsSviluppare Azure Web Apps
Sviluppare Azure Web AppsAndrea Dottor
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
 
Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche
Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche
Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche Roberto Scano
 
Integrazione delle Unified Communications all'interno dell'azienda - by Circl...
Integrazione delle Unified Communications all'interno dell'azienda - by Circl...Integrazione delle Unified Communications all'interno dell'azienda - by Circl...
Integrazione delle Unified Communications all'interno dell'azienda - by Circl...festival ICT 2016
 

Similar to WAI-ARIA: cosa cambia per le PA italiane (20)

OpenDevSecOps 2019 - Open devsecops un caso di studio
OpenDevSecOps 2019 - Open devsecops un caso di studioOpenDevSecOps 2019 - Open devsecops un caso di studio
OpenDevSecOps 2019 - Open devsecops un caso di studio
 
Angular framework
Angular frameworkAngular framework
Angular framework
 
Xamarin Robotics
Xamarin RoboticsXamarin Robotics
Xamarin Robotics
 
05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia
05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia
05 - VMUGIT - Lecce 2018 - Raff Poltronieri, CloudItalia
 
OCP - Overview del progetto
OCP - Overview del progettoOCP - Overview del progetto
OCP - Overview del progetto
 
OCP - Overview del progetto
OCP - Overview del progettoOCP - Overview del progetto
OCP - Overview del progetto
 
OCP - Overview del progetto
OCP - Overview del progettoOCP - Overview del progetto
OCP - Overview del progetto
 
Ocp overview del progetto
Ocp overview del progettoOcp overview del progetto
Ocp overview del progetto
 
WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...
WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...
WSO2 ITALIA SMART TALK #5 - APIFICATION: OPPORTUNITÀ DELLE ORGANIZZAZIONI MOD...
 
Mobile Development: una introduzione per Web Developers
Mobile Development: una introduzione per Web DevelopersMobile Development: una introduzione per Web Developers
Mobile Development: una introduzione per Web Developers
 
Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...
Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...
Esplorando il Cloud con Azure - Un viaggio tra IaaS, PaaS e SaaS e un compila...
 
Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?Accessibilità: siamo pronti all'evoluzione della normativa?
Accessibilità: siamo pronti all'evoluzione della normativa?
 
Sviluppare Azure Web Apps
Sviluppare Azure Web AppsSviluppare Azure Web Apps
Sviluppare Azure Web Apps
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
 
Introduzione A Docker
Introduzione A DockerIntroduzione A Docker
Introduzione A Docker
 
Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche
Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche
Accessibilità e pubblica amministrazione: l'evoluzione delle norme tecniche
 
Ocp overview
Ocp overviewOcp overview
Ocp overview
 
Presentazione corso rev01
Presentazione corso rev01Presentazione corso rev01
Presentazione corso rev01
 
Presentazione Corso rev01
Presentazione Corso rev01Presentazione Corso rev01
Presentazione Corso rev01
 
Integrazione delle Unified Communications all'interno dell'azienda - by Circl...
Integrazione delle Unified Communications all'interno dell'azienda - by Circl...Integrazione delle Unified Communications all'interno dell'azienda - by Circl...
Integrazione delle Unified Communications all'interno dell'azienda - by Circl...
 

Recently uploaded

Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...
Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...
Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...holowawa
 
Stati Uniti PPT geografia power point..
Stati Uniti  PPT geografia power point..Stati Uniti  PPT geografia power point..
Stati Uniti PPT geografia power point..vendettimattia2010
 
a scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCO
a scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCOa scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCO
a scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCODamiano Orru
 
Lo Schema Diapositiva con LibreOffice Impress
Lo Schema Diapositiva con LibreOffice ImpressLo Schema Diapositiva con LibreOffice Impress
Lo Schema Diapositiva con LibreOffice ImpressSalvatore Cianciabella
 
Powerpoint tesi di laurea
Powerpoint tesi di laurea Powerpoint tesi di laurea
Powerpoint tesi di laurea Valentina Ottini
 
Ostia antica da porta di Roma a porta d'Europa
Ostia antica da porta di Roma a porta d'EuropaOstia antica da porta di Roma a porta d'Europa
Ostia antica da porta di Roma a porta d'EuropaMarina Lo Blundo
 
AccessibleEU: oggi per l’accessibilità di domani
AccessibleEU: oggi per l’accessibilità di domaniAccessibleEU: oggi per l’accessibilità di domani
AccessibleEU: oggi per l’accessibilità di domaniRoberto Scano
 
No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...
No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...
No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...Roberto Scano
 
Ticonzero news 149.pdf, maggio 2024, content
Ticonzero news 149.pdf, maggio 2024, contentTiconzero news 149.pdf, maggio 2024, content
Ticonzero news 149.pdf, maggio 2024, contentPierLuigi Albini
 
Asou.Mbaye_La relazione sulle macchine termiche.pptx
Asou.Mbaye_La relazione sulle macchine termiche.pptxAsou.Mbaye_La relazione sulle macchine termiche.pptx
Asou.Mbaye_La relazione sulle macchine termiche.pptxnuriaiuzzolino1
 
Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...
Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...
Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...Roberto Scano
 
Transizione Energetica e Cooperazione: non solo CER
Transizione Energetica e Cooperazione: non solo CERTransizione Energetica e Cooperazione: non solo CER
Transizione Energetica e Cooperazione: non solo CERANCI - Emilia Romagna
 

Recently uploaded (12)

Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...
Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...
Nuovo Progetto Italiano - 1. Livello elementare. Libro dello studente (A1-A2)...
 
Stati Uniti PPT geografia power point..
Stati Uniti  PPT geografia power point..Stati Uniti  PPT geografia power point..
Stati Uniti PPT geografia power point..
 
a scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCO
a scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCOa scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCO
a scuola di biblioVerifica: come utilizzare CHATBOT secondo UNESCO
 
Lo Schema Diapositiva con LibreOffice Impress
Lo Schema Diapositiva con LibreOffice ImpressLo Schema Diapositiva con LibreOffice Impress
Lo Schema Diapositiva con LibreOffice Impress
 
Powerpoint tesi di laurea
Powerpoint tesi di laurea Powerpoint tesi di laurea
Powerpoint tesi di laurea
 
Ostia antica da porta di Roma a porta d'Europa
Ostia antica da porta di Roma a porta d'EuropaOstia antica da porta di Roma a porta d'Europa
Ostia antica da porta di Roma a porta d'Europa
 
AccessibleEU: oggi per l’accessibilità di domani
AccessibleEU: oggi per l’accessibilità di domaniAccessibleEU: oggi per l’accessibilità di domani
AccessibleEU: oggi per l’accessibilità di domani
 
No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...
No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...
No. Nessuno strumento automatico verifica o ripara l’accessibilità di un sito...
 
Ticonzero news 149.pdf, maggio 2024, content
Ticonzero news 149.pdf, maggio 2024, contentTiconzero news 149.pdf, maggio 2024, content
Ticonzero news 149.pdf, maggio 2024, content
 
Asou.Mbaye_La relazione sulle macchine termiche.pptx
Asou.Mbaye_La relazione sulle macchine termiche.pptxAsou.Mbaye_La relazione sulle macchine termiche.pptx
Asou.Mbaye_La relazione sulle macchine termiche.pptx
 
Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...
Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...
Accessibilità, tra miti e realtà: gli errori da non compiere e le azioni da i...
 
Transizione Energetica e Cooperazione: non solo CER
Transizione Energetica e Cooperazione: non solo CERTransizione Energetica e Cooperazione: non solo CER
Transizione Energetica e Cooperazione: non solo CER
 

WAI-ARIA: cosa cambia per le PA italiane

  • 1. WAI-ARIA COSA CAMBIA PER LE P.A. ITALIANE Roberto Scano http://robertoscano.info COSA CAMBIA PER I CITTADINI Webinar 14 Maggio 2014
  • 2.
  • 4. AMBITO DI APPLICAZIONE Le informazioni ed i servizi erogati possono essere resi fruibili mediante: •siti web; •applicazioni realizzate con tecnologie web; •documenti resi disponibili sui siti web; •documenti di cui al requisito 11 dell'allegato d del DM 8 luglio 2005.
  • 5. NUOVI REQUISITI DI ACCESSIBILITÀ: COSA CAMBIA? • DALLE WCAG 1.0 ALLE WCAG 2.0 : DA 22 A 12 REQUISITI • Decade obbligo di utilizzare le versioni strict delle specifiche (ex requisito 1) • Decade obbligo di operatività dei contenuti in assenza di script (ex requisito 15) • Permane obbligo di utilizzare specifiche stabili (no HTML5, no CSS 3, si WAI-ARIA 1.0 dal 20 marzo 2014) • Prevede una metodologia di verifica dei processi completi, con non- interferenza di oggetti non accessibili (utilizzabili ma non devono essere indispensabili e non devono interferire con la fruibilità della pagina) • I 12 requisiti e i 37 punti di controllo corrispondono al livello «AA» delle WCAG 2.0 http://www.webaccessibile.org/normative/nuovi-requisiti-di-accessibilit /
  • 6.
  • 7. COSA CAMBIA NELLA METODOLOGIA DI VERIFICA • Nella verifica dei contenuti web, in particolar modo delle applicazioni web, va verificato il corretto utilizzo di WAI-ARIA così come già si verificavano gli oggetti di programmazione (ovvero tramite strumenti come aViewer). • Il W3C a supporto degli sviluppatori fornisce una serie di esempi (tecniche) per implementare e verificare la conformità di WAI-ARIA.
  • 9. TECNICHE WAI-ARIA (8 APRILE 2014) • ARIA1: USING THE ARIA-DESCRIBEDBY PROPERTY TO PROVIDE A DESCRIPTIVE LA • ARIA2: IDENTIFYING A REQUIRED FIELD WITH THE ARIA-REQUIRED PROPERTY • ARIA4: USING A WAI-ARIA ROLE TO EXPOSE THE ROLE OF A USER INTERFACE COM • ARIA5: USING WAI-ARIA STATE AND PROPERTY ATTRIBUTES TO EXPOSE THE STATE • ARIA6: USING ARIA-LABEL TO PROVIDE LABELS FOR OBJECTS • ARIA7: USING ARIA-LABELLEDBY FOR LINK PURPOSE • ARIA8: USING ARIA-LABEL FOR LINK PURPOSE • ARIA9: USING ARIA-LABELLEDBY TO CONCATENATE A LABEL FROM SEVERAL TEXT • ARIA10: USING ARIA-LABELLEDBY TO PROVIDE A TEXT ALTERNATIVE FOR NON-TEX http://www.w3.org/TR/WCAG20-TECHS/aria.html
  • 10. TECNICHE WAI-ARIA (8 APRILE 2014) • ARIA11: USING ARIA LANDMARKS TO IDENTIFY REGIONS OF A PAGE • ARIA12: USING ROLE=HEADING TO IDENTIFY HEADINGS • ARIA13: USING ARIA-LABELLEDBY TO NAME REGIONS AND LANDMARKS • ARIA14: USING ARIA-LABEL TO PROVIDE AN INVISIBLE LABEL WHERE A VISIBLE LABEL CANNOT BE USED • ARIA15: USING ARIA-DESCRIBEDBY TO PROVIDE DESCRIPTIONS OF IMAGES • ARIA16: USING ARIA-LABELLEDBY TO PROVIDE A NAME FOR USER INTERFACE CONTROLS • ARIA17: USING GROUPING ROLES TO IDENTIFY RELATED FORM CONTROLS • ARIA18: USING ARIA-ALERTDIALOG TO IDENTIFY ERRORS • ARIA19: USING ARIA ROLE=ALERT OR LIVE REGIONS TO IDENTIFY ERRORS http://www.w3.org/TR/WCAG20-TECHS/aria.html
  • 11.
  • 12. COSA CI ASPETTA? • Possibilità di utilizzare HTML5.x • Sviluppo di framework accessibili • Applicazioni multicanale accessibili