SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à WAI-ARIA: cosa cambia per le PA italiane

Similaire à 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...
 

Dernier

Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
sasaselvatico
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 

Dernier (20)

Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 

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