Embed Size (px)
Citation preview
1 Orange
Accessibiliteacute numeacuterique et industrialisation Orange
Vincent Aniort expert accessibiliteacute numeacuterique
23iegraveme seacuteminaire AccessiWeb 28092016
2 Orange
Sommaire1 Qui sommes-nous
2 Recommandations meacutethodologies et formations
3 Boosted
4 Outils de tests
5 OSAi initiative open source accessibiliteacute
3 Orange
Qui sommes nous
4 Orange
EASE qui sommes nous
bull Confort +bull SARA
bull OSAi
bull recommandations
bull framework de deacuteveloppement
bull automatisation des tests
bull audits et livraison de solutions
bull sensibilisation et formations
bull mDANSupport
aux projets et formation
Meacutethodes et outils
Innovation
Partenariat
reacuteglementation et
normalisation
5 Orange
Recommandations meacutethodologies et formations
6 Orange
Meacutethodologie drsquoaudit
Audit techniqueWCAG 2 AA Tests utilisateurs
Audit complet
Phase exploratoirecombine technique
et vue utilisateur max 2hCompte-rendu
Reacuteunion de qualification
Que lorsqursquoun niveau minimal drsquoaccessibiliteacute est atteint et que les parcours sont deacutefinis
Interlocuteurs techniques identifieacutesCode disponible
Veacuterification des points deacutefaillants
Label ouPage de deacuteclaration drsquoaccessibiliteacute
Design Clinic
Maquettes fournies
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
2 Orange
Sommaire1 Qui sommes-nous
2 Recommandations meacutethodologies et formations
3 Boosted
4 Outils de tests
5 OSAi initiative open source accessibiliteacute
3 Orange
Qui sommes nous
4 Orange
EASE qui sommes nous
bull Confort +bull SARA
bull OSAi
bull recommandations
bull framework de deacuteveloppement
bull automatisation des tests
bull audits et livraison de solutions
bull sensibilisation et formations
bull mDANSupport
aux projets et formation
Meacutethodes et outils
Innovation
Partenariat
reacuteglementation et
normalisation
5 Orange
Recommandations meacutethodologies et formations
6 Orange
Meacutethodologie drsquoaudit
Audit techniqueWCAG 2 AA Tests utilisateurs
Audit complet
Phase exploratoirecombine technique
et vue utilisateur max 2hCompte-rendu
Reacuteunion de qualification
Que lorsqursquoun niveau minimal drsquoaccessibiliteacute est atteint et que les parcours sont deacutefinis
Interlocuteurs techniques identifieacutesCode disponible
Veacuterification des points deacutefaillants
Label ouPage de deacuteclaration drsquoaccessibiliteacute
Design Clinic
Maquettes fournies
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
3 Orange
Qui sommes nous
4 Orange
EASE qui sommes nous
bull Confort +bull SARA
bull OSAi
bull recommandations
bull framework de deacuteveloppement
bull automatisation des tests
bull audits et livraison de solutions
bull sensibilisation et formations
bull mDANSupport
aux projets et formation
Meacutethodes et outils
Innovation
Partenariat
reacuteglementation et
normalisation
5 Orange
Recommandations meacutethodologies et formations
6 Orange
Meacutethodologie drsquoaudit
Audit techniqueWCAG 2 AA Tests utilisateurs
Audit complet
Phase exploratoirecombine technique
et vue utilisateur max 2hCompte-rendu
Reacuteunion de qualification
Que lorsqursquoun niveau minimal drsquoaccessibiliteacute est atteint et que les parcours sont deacutefinis
Interlocuteurs techniques identifieacutesCode disponible
Veacuterification des points deacutefaillants
Label ouPage de deacuteclaration drsquoaccessibiliteacute
Design Clinic
Maquettes fournies
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
4 Orange
EASE qui sommes nous
bull Confort +bull SARA
bull OSAi
bull recommandations
bull framework de deacuteveloppement
bull automatisation des tests
bull audits et livraison de solutions
bull sensibilisation et formations
bull mDANSupport
aux projets et formation
Meacutethodes et outils
Innovation
Partenariat
reacuteglementation et
normalisation
5 Orange
Recommandations meacutethodologies et formations
6 Orange
Meacutethodologie drsquoaudit
Audit techniqueWCAG 2 AA Tests utilisateurs
Audit complet
Phase exploratoirecombine technique
et vue utilisateur max 2hCompte-rendu
Reacuteunion de qualification
Que lorsqursquoun niveau minimal drsquoaccessibiliteacute est atteint et que les parcours sont deacutefinis
Interlocuteurs techniques identifieacutesCode disponible
Veacuterification des points deacutefaillants
Label ouPage de deacuteclaration drsquoaccessibiliteacute
Design Clinic
Maquettes fournies
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
5 Orange
Recommandations meacutethodologies et formations
6 Orange
Meacutethodologie drsquoaudit
Audit techniqueWCAG 2 AA Tests utilisateurs
Audit complet
Phase exploratoirecombine technique
et vue utilisateur max 2hCompte-rendu
Reacuteunion de qualification
Que lorsqursquoun niveau minimal drsquoaccessibiliteacute est atteint et que les parcours sont deacutefinis
Interlocuteurs techniques identifieacutesCode disponible
Veacuterification des points deacutefaillants
Label ouPage de deacuteclaration drsquoaccessibiliteacute
Design Clinic
Maquettes fournies
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
6 Orange
Meacutethodologie drsquoaudit
Audit techniqueWCAG 2 AA Tests utilisateurs
Audit complet
Phase exploratoirecombine technique
et vue utilisateur max 2hCompte-rendu
Reacuteunion de qualification
Que lorsqursquoun niveau minimal drsquoaccessibiliteacute est atteint et que les parcours sont deacutefinis
Interlocuteurs techniques identifieacutesCode disponible
Veacuterification des points deacutefaillants
Label ouPage de deacuteclaration drsquoaccessibiliteacute
Design Clinic
Maquettes fournies
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
7 Orange
- Critegraveres iOS- Recommandations techniques iOS- Guide drsquoutilisation de VoiceOver
- Critegraveres Android- Recommandations techniques Android- Guide drsquoutilisation de Talkback
Documents et recommandations Web et mobile httpa11y-guidelinesorangecom un site de recommandations agrave usage des projets
- Critegraveres fondamentaux version technique et non technique
- Des exemples de mise en oeuvre- Guide drsquoutilisation des outils (Jaws et NVDA
outils de testshellip)
Mobile
La synthegravese et la simplification par Orange facilitent lrsquoacceptation par le projet
Web
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
8 Orange
Deacutemonstrateur drsquoAccessibiliteacute Numeacuterique sur mobile (mDAN)
Ce deacutemonstrateur est une application mobile qui deacutecrit les regravegles et recommandations pour deacutevelopper des apps mobiles accessibles Elle est disponible sous Android et iOS
Contient les regravegles drsquoaccessibiliteacute mobile (images couleurs alternatives textuelleshellip) avec
des exemples les options drsquoaccessibiliteacute (agrandissement des caractegraveres augmentation des
contrastes zoom inversion des couleurshellip) un guide pour les deacuteveloppeurs lrsquoaccessibiliteacute chez Orange
Publication Open Source agrave venir (octobre 2016)
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
9 Orange
Formations accessibiliteacute pour (presque) tous les meacutetiersbull Sensibilisation agrave laccessibiliteacute numeacuterique (tout public)
bull Principales exigences drsquoaccessibiliteacute mobile et web et comment les tester (CP PO concepteur qualifieur)
bull Formation agrave lrsquoaccessibiliteacute pour les deacuteveloppeurs apps mobiles et web (deacuteveloppeur)
bull Formation PDF Word ou Powerpoint (tout public communicant reacutedacteurs)
bull Formation pushmail videacuteo (tout public communicant reacutedacteur)
bull Reacutedaction accessible pour le web (reacutedacteur communicant)
bull Conception des interfaces accessibles mobiles et web (concepteur ergonomes UX designer)
Plusieurs modes drsquoapprentissage sont utiliseacutes preacutesentiel videacuteo confeacuterence teacuteleacuteconfeacuterence e-learninghellip
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
10 Orange
Constats
rendre autonome les acteurs du projet libeacuterer les experts des bases pour se concentrer sur des problegravemes complexes favoriser une meilleure appropriation et compreacutehension des aspects techniques
pour ecirctre efficace il faut utiliser tous les moyens agrave disposition(meacutethodologies recommandations et formations)
neacutecessiteacute drsquoenrichissements et drsquoeacutevolutions reacuteguliers manque de formation initiale des deacuteveloppeurs turn-overhellip
Il faut donc former massivement des eacutequipes entiegraveres 300 deacutev en 2015 gt500 deacutev en 2016
Mais pour srsquoassurer de la mise en pratique de lrsquoaccessibiliteacute il faut fournir des outils
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
12 Orange
BOOSTEDDes composants open source precircts agrave lrsquousage pour construire des IHMs charteacutees accessibles et responsive web design baseacutes sur Bootstraphttpboostedorangecom
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
13 Orange
Responsive design amp Web accessibleResponsive frameworkbull Open sourcebull Communauteacute importantebull Bon niveau drsquoaccessibiliteacutebull Documentation importante
Fork de Bootstrapbull Composants speacutecifiques Orange bull Agrave la charte Orange bull Ameacutelioration du niveau
drsquoaccessibiliteacutebull Documentation des composants
speacutecifiquesbull Open source
Bootstrap
Boosted
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
14 Orange
Lrsquoopen source a changeacute le contexte drsquoutilisation de Boosted
Share
Use
Contribute
Pull request
ShareCreacuteeacute et maintenu par la core teamSynchroniseacute avec les eacutevolutions de Bootstrap
UseUtiliseacute en lrsquoeacutetat par des projets
ContributeAmeacuteliorations proposeacutees par des projets
Pull requestSoumission par des projetsAccessibiliteacute valideacutee par la core team
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
15 Orange
Constats
100 projets en interne Orange utilisent Boosted
Meilleure prise en compte des bases de lrsquoaccessibiliteacute Les experts se focalisent sur des tacircches de haut niveau Autonomisation des eacutequipes projets (acteurs des eacutevolutions) Outil pivot de la communication entre Concepteurs amp Deacuteveloppeurs
(Axure Creative Suite)
Une phase drsquoapprentissage pour les deacuteveloppeurs (Bootstrap) Des demandes nombreuses drsquoeacutevolutions et de nouveaux composants Lrsquoobligation de suivre rapidement les eacutevolutions de Bootstrap
Boosted
Deacuteveloppeur
DesignerBrand
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
16 Orange
Outils de tests
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
17 Orange
Tests drsquoaccessibiliteacute en inteacutegration continu
() Qualiteacute de code mdash htmllint csslint eslint
Tests speacutecifiques mdash bootlint lesslint ou scsslint
Optimisation des performances mdash concateacutenation minification uglification
Tests drsquoaccessibiliteacute mdash aXe core de Deque
() On est capable de faire tourner Axe dans lrsquoenvironnement NodeJS avec Jenkins sur une plateforme de deacuteveloppement continu donc Axe via Jenkins peut tourner pour nrsquoimporte quelle technologie (Java PHPhellip)
bull environnement NodeJS (PhantomJS CasperJS)
bull enregistement des sourcesbull identification des erreurs
drsquoaccessibliteacute dans la page
bull agrave destination du deacuteveloppeur
bull tests drsquoaccessibiliteacute du code interpreacuteteacute en continu
bull tests inteacutegreacutes dans une chaicircne de tests de bout en bout de qualiteacute du code ()
bull solution utilisable pour nrsquoimporte quelle technologie ()
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
18 Orange
Pa11y Dashboard audit de sitebull Permet la remonteacutee drsquoindicateurs sur des sites (gestion macro de lrsquoaccessibiliteacute)
bull Baseacute sur Pa11y (fork) qui teste lrsquoaccessibiliteacute avec html code sniffer
bull Nos apports
bull ajout de Axe core
bull deacutedoublons des tests
bull ajout de la fonction crawl agrave partir drsquoune URL de base (plusieurs centaines de pages)
bull au niveau technique injection dans navigateur headless interpreacutetation des reacutesultats phantomJS ajout casperJS (screenshoot sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
bull Future publication open source
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
19 Orange
Constats Il nous faut des outils diffeacuterents pour des besoins diffeacuterents
Il manque un outillage de tests cleacute en main pour valider le niveau drsquoaccessibiliteacute et donc rendre autonome les deacuteveloppeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests coheacuterents et reproductibles dans toute la chaine (mecircme jeu de test et mecircme reacutesultat)
Il est aussi neacutecessaire de pouvoir observer lrsquoameacutelioration dans le temps drsquoun site ou drsquoun ensemble de sites
Il faut tester toujours tester le plus tocirct possible par morceaux sans oublier les tests utilisateurs
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
20 Orange
Lrsquoinitiative Open Source (OSAi)
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
21 Orange
profiter du modegravele de travail de lrsquoopen sourcecollaborationinnovation
dans le cadre drsquoun consortium de lrsquoopen source
reacuteduire les CAPEX
formats et APIs ouverts
controcircler les roadmapscommunauteacute
Open Source Accessibility initiative
lobbyingeacuteveacutenementsrepreacutesentation
expeacuterience
outils matures
forum neutre
partage de compeacutetences
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
22 Orange
Une initiative annonceacutee au mois de mai
communiqueacute de presse
httpswwwow2orgbindownloadPress_ReleasesOW2_announces_new_open_source_accessibility_initiativePR-1605-Accessibility-Initiative-v81pdf
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
23 Orange
Co-construction deacutemarreacutee
participants10bull Francebull Italiebull USA
hellip et vous Direction interministeacuterielle du numeacuterique et du systegraveme dinformation et de communication de lEacutetat
DINSIC
Support du gourvernement
membrefondateur
International
projets identifieacutes20domaines de collaboration7 Reacutefeacuterentiels
Outils de mesure Formation Ressources de communication Outils de deacuteveloppement Interface utilisateur Navigation et geacuteolocalisation
httpswwwow2orgbinviewOSAi
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
24 Orange
Constats
Lrsquoinitiative se met en place drsquoimportants acteurs sont preacutesents drsquoautres doivent arriver
Les projets en collaboration sont agrave deacutemarrer
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
25 Orange
Conclusion
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
26 Orange
Conclusion Il faut rendre autonome les acteurs projets
lrsquoaccessibiliteacute ne doit pas ecirctre une affaire uniquement de speacutecialistes lrsquooutillage est un facteur important drsquoautonomisation
Lrsquoaccessibiliteacute doit srsquoinscrire comme un indispensable dans tous les projets
lrsquoaccessibiliteacute concerne tous les acteurs fournisseurs acheteurs chef de produits designers ergonomes deacuteveloppeurs testeurs deacutecideurs sponsorshellip
elle est deacutecrite dans les exigences et le systegraveme qualiteacute au mecircme titre que la seacutecuriteacute lrsquoexploitabiliteacutehellip
Lrsquoaccessibiliteacute numeacuterique est encore insuffisamment connue et les solutions laquo de masse raquo sont agrave construire
Nous croyons agrave lrsquoopen source la co-construction et au partage par exemple via lrsquoOSAi
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
27 Orange
MerciDes questions
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
28 Interne Orange
Palette de couleur
RVB80190135
RVB145100205
Couleurs secondaires
RVB75180230
RVB2552200
RVB255180230
Couleurs de base
RVB214214214
RVB2551020
RVB143143143
RVB898989
RVB255255255
RVB000
