les principales actions chez Orange pour industrialiser l'accessibilité numérique :
Outils, méthodes, recommandations, Boosted, initiative open source accessibilité
23ième Séminaire GTA AccessiWeb 29 septembre 2016
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
Ce programme a été conçu sur mesure, spécialement pour vous, entrepreneurs ou porteurs de projets qui serez tôt ou tard confrontés à des problématiques de développement applicatif ou web.
L'idée est de vous aider à appréhender les principes, les notions de base et le vocabulaire associés au développement applicatif et web.
Nous vous donnerons des repères théoriques et pratiques pour que vous puissiez communiquer et orienter plus facilement vos décisions relatives aux composantes technologiques de votre projet.
En d'autres termes : vous n'avez pas un profil technique, mais vous avez un super projet impliquant du développement ? Le kit de survie est fait pour vous !
Partie 1 : Architectures des applications et technologies de développement
Par Stéphanie Hertrich & Benoit Le Pichon, Evangélistes Développement et Michel Rousseau Evangéliste Expérience Utilisateur (Microsoft)
Cette session abordera les notions de base et les technologies mises en œuvre pour le développement d'applications au sens large:
- Quelle est la différence entre une application, un site web, un service web, … ? Quelles en sont les composantes et comment interagissent-elles ?
- Développer pour un smartphone, une tablette, un poste de travail : quelles différences ?
- Quelles sont les grandes familles de technologies et de langages de développement, quelles sont leurs caractéristiques ?
- Le Cloud diffère-t-il réellement d’un hébergeur classique ?
- Quels bénéfices apporterait concrètement le Cloud à mon projet ?
- De l'importance de l'ergonomie des applications.
- Comprendre les tendances et intégrer le branding et l’identité de marque.
- Valider l'expérience utilisateur et tester sa démarche.
- Rendre ça beau, intelligible et en faire une proposition de valeur.
- Travailler le résultat avec un développeur.
Partie 2 : Concevoir une application, les étapes et la mise en œuvre:
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur http://www.infinitesquare.com.
Cette session passera en revue les étapes du processus de conception d'une application:
- Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ?
- Quelle méthodologie et quels outils employer ?
- Les équipes : embaucher ou externaliser son développement ?
- Savoir communiquer avec son équipe technique.
- De l'importance du designer.
- Les questions à se poser pour faire les bons choix.
Comment avancer concrètement sur votre propre projet ? Différents programmes sont accessibles suivant votre niveau d’avancement.
- Des programmes d’accompagnement techniques (Pépinière Microsoft Azure, Speed-dating experts, Accélérateur Apps, ,…)
- Bizspark,le programme dédié aux startups : logiciels & conso Cloud Azure gratuite jusqu’à 60 000$
- Microsoft Ventures : l’accélérateur à startup Parisien de Microso
OBJECTIF QUALITÉ DIGITALE : Comment élaborer une bonne stratégie de test pou...StardustTesting
Webinar du 16/02/2016 animé par StarDust, spécialiste du Test et de l'Assurance Qualité (QA) pour les éditeurs de solutions digitales : "Comment élaborer une bonne stratégie de test ?"
PENSER TEST
> Connaître votre produit, connaître vos utilisateurs
> Tester tout au long du cycle de développement du produit
QUAND TESTER ?
> Cycle en V ?
> Cycle agile ?
QUOI TESTER ?
> Quels tests ?
> Quels terminaux ?
QUI TESTE ?
> Le développeur n'est pas testeur !
> Testeurs professionnels "in lab" / Freelance testeurs
COMMENT TESTER ?
> Tests manuels / Tests automatisés
> Quels outils ? Quels supports ? Quelles méthodologies ?
10 bonnes pratiques pour des apps et sites ecommerce sans bugStardustTesting
Êtes-vous sûr(e) que votre nouveau site ecommerce ou votre nouvelle application est "bug free" ?
Avez-vous effectué tous les tests nécessaires et indispensables pour garantir à vos utilisateurs une expérience optimale ?
Découvrez les 10 bonnes pratiques pour des apps et sites ecommerce sans bug.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
Ce programme a été conçu sur mesure, spécialement pour vous, entrepreneurs ou porteurs de projets qui serez tôt ou tard confrontés à des problématiques de développement applicatif ou web.
L'idée est de vous aider à appréhender les principes, les notions de base et le vocabulaire associés au développement applicatif et web.
Nous vous donnerons des repères théoriques et pratiques pour que vous puissiez communiquer et orienter plus facilement vos décisions relatives aux composantes technologiques de votre projet.
En d'autres termes : vous n'avez pas un profil technique, mais vous avez un super projet impliquant du développement ? Le kit de survie est fait pour vous !
Partie 1 : Architectures des applications et technologies de développement
Par Stéphanie Hertrich & Benoit Le Pichon, Evangélistes Développement et Michel Rousseau Evangéliste Expérience Utilisateur (Microsoft)
Cette session abordera les notions de base et les technologies mises en œuvre pour le développement d'applications au sens large:
- Quelle est la différence entre une application, un site web, un service web, … ? Quelles en sont les composantes et comment interagissent-elles ?
- Développer pour un smartphone, une tablette, un poste de travail : quelles différences ?
- Quelles sont les grandes familles de technologies et de langages de développement, quelles sont leurs caractéristiques ?
- Le Cloud diffère-t-il réellement d’un hébergeur classique ?
- Quels bénéfices apporterait concrètement le Cloud à mon projet ?
- De l'importance de l'ergonomie des applications.
- Comprendre les tendances et intégrer le branding et l’identité de marque.
- Valider l'expérience utilisateur et tester sa démarche.
- Rendre ça beau, intelligible et en faire une proposition de valeur.
- Travailler le résultat avec un développeur.
Partie 2 : Concevoir une application, les étapes et la mise en œuvre:
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur http://www.infinitesquare.com.
Cette session passera en revue les étapes du processus de conception d'une application:
- Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ?
- Quelle méthodologie et quels outils employer ?
- Les équipes : embaucher ou externaliser son développement ?
- Savoir communiquer avec son équipe technique.
- De l'importance du designer.
- Les questions à se poser pour faire les bons choix.
Comment avancer concrètement sur votre propre projet ? Différents programmes sont accessibles suivant votre niveau d’avancement.
- Des programmes d’accompagnement techniques (Pépinière Microsoft Azure, Speed-dating experts, Accélérateur Apps, ,…)
- Bizspark,le programme dédié aux startups : logiciels & conso Cloud Azure gratuite jusqu’à 60 000$
- Microsoft Ventures : l’accélérateur à startup Parisien de Microso
OBJECTIF QUALITÉ DIGITALE : Comment élaborer une bonne stratégie de test pou...StardustTesting
Webinar du 16/02/2016 animé par StarDust, spécialiste du Test et de l'Assurance Qualité (QA) pour les éditeurs de solutions digitales : "Comment élaborer une bonne stratégie de test ?"
PENSER TEST
> Connaître votre produit, connaître vos utilisateurs
> Tester tout au long du cycle de développement du produit
QUAND TESTER ?
> Cycle en V ?
> Cycle agile ?
QUOI TESTER ?
> Quels tests ?
> Quels terminaux ?
QUI TESTE ?
> Le développeur n'est pas testeur !
> Testeurs professionnels "in lab" / Freelance testeurs
COMMENT TESTER ?
> Tests manuels / Tests automatisés
> Quels outils ? Quels supports ? Quelles méthodologies ?
10 bonnes pratiques pour des apps et sites ecommerce sans bugStardustTesting
Êtes-vous sûr(e) que votre nouveau site ecommerce ou votre nouvelle application est "bug free" ?
Avez-vous effectué tous les tests nécessaires et indispensables pour garantir à vos utilisateurs une expérience optimale ?
Découvrez les 10 bonnes pratiques pour des apps et sites ecommerce sans bug.
[Atelier en ligne Frenchweb - 05/11/2015]
> Quelques chiffres
> Rappel Responsive Web Design
> État des lieux du Test RWD
> Priorité : choix des terminaux
> Stratégie de test
> FOCUS Tests mobile
> FOCUS Blocs de contenus externes
> FOCUS E-Commerce
According to EMA, most companies use 6 or more monitoring tool for a fragmented, piecemeal approach to monitoring. Riverbed SteelCentral is the only end-to-end performance management platform that blends user experience, infrastructure, application, and network monitoring for a holistic view of performance.
Learn how Intuit created an application-aware network performance platformRiverbed Technology
Learn how Intuit utilized Riverbed and Big Switch’s integrated solution and built a scalable application-aware network performance management platform for best-of-breed monitoring and analysis. To watch the full webinar, go here: http://rvbd.ly/1VBKl6S
An industry-leading analyst discusses how you can take control of application performance and provide superior end-user experiences. Then, you’ll hear how a major US healthcare provider eliminated sporadic performance outages that affected its public-facing website, and prevented revenue loss and many hundreds of hours in support costs. To learn more, watch the webcast replay: http://rvbd.ly/1JGz1ke
Or to learn more about AppInternals, visit: http://rvbd.ly/1IsjC5t
Yesterday’s siloed approach to performance monitoring is failing the needs of today’s hybridized and software-defined environments, necessitating a new, unified and blended view of performance domains. In order to effectively address these specific challenges, you need a holistic approach to performance management that converges network, application, infrastructure and end-user experience monitoring into a single interface and also integrates at the domain level. Riverbed SteelCentral provides that platform. http://rvbd.ly/1PnDaxT
Examine common application performance problems hiding in plain sight. See how you can quickly remove the noise, pinpoint root cause and fix these problems once and for all. Watch the webinar replay: http://rvbd.ly/1QGxMBs
Customers and employees complaining about poor network performance or application delays? Want to put an end to the whining? Learn how combining visibility with WAN optimization delivers optimal performance for customers and employees regardless of location by watching this webinar from Riverbed. http://rvbd.ly/1OVbaQw
The document summarizes Riverbed's SteelHead 8.6 product launch. It introduces new capabilities for SteelHead including availability on Microsoft Azure, support for 1Gb optimized WAN traffic for virtual deployments, and acceleration of new applications and platforms. It also highlights market trends towards public and private clouds and the need for network flexibility and scale. Riverbed positions SteelHead as optimizing applications over any network to enable location independent computing across virtual and cloud environments.
Presentation riverbed steelhead appliance main 2010chanwitcs
Riverbed Steelhead appliances provide WAN optimization and acceleration. They can consolidate servers and storage in data centers without compromising end user performance, enabling up to 100x faster disaster recovery and backup across remote offices. Riverbed has over 7,800 customers including over 55 of the Global 100, and delivers an average 6.9 month payback period and 457% ROI.
1. The document presents the organizational chart of the Department of Vocational Training.
2. It shows the various divisions, directorates, and services that report up to the Secretary General.
3. The chart also outlines the regional delegations and external services that are under the department's supervision across Morocco.
Riverbed conducted a remote office/branch office IT survey at EMC World on May 3, 2016. The surveys were taken on the show floor and 183 people took part. The number of employees at their locations range from less than 500 to over 10,000. http://rvbd.ly/1YvjwTI
Given the changing nature of enterprise networking, Riverbed decided to survey attendees of the recent VMworld conference about their companies’ current plans for these emerging technologies. Riverbed surveyed 260 attendees face-to-face, from a variety of roles and with a median company size of 2,300 employees.
This presentation provides a brief overview of APM solutions for the Azure cloud computing platform. We identify three challenges unique to cloud computing which APM can address, and we summarize which APM techniques can be applied in IaaS, PaaS, and SaaS application architectures. To illustrate APM techniques for IaaS and PaaS we look at a variety APM offers in the Azure marketplace, including Riverbed AppInternals, Microsoft Application Insights, and NewRelic. To illustrate APM techniques for SaaS, we look at how SharePoint Online can be instrumented using JavaScript injection. This presentation was prepared and delivered by Ian Downard to the Portland Azure User Group on March 28th, 2016.
The dynamic nature of SaaS applications can slow performance due to the distance between the cloud and users. Riverbed accelerates the delivery of SaaS applications by up to 33x. Join us for this session to find out how you can accelerate applications and manage the delivery of business-critical data and content from your SaaS provider overcoming application latency, control quality of service, remove loss of visibility and bandwidth constraints. http://rvbd.ly/2hpKls6
Orange Business Services provides an overview of its long-term SDN/NFV (Software Defined Networking/Network Functions Virtualization) vision, roadmap and the benefits enterprises can enjoy today with better control over their connectivity, security and cloud application performance.
[Atelier en ligne Frenchweb - 05/11/2015]
> Quelques chiffres
> Rappel Responsive Web Design
> État des lieux du Test RWD
> Priorité : choix des terminaux
> Stratégie de test
> FOCUS Tests mobile
> FOCUS Blocs de contenus externes
> FOCUS E-Commerce
According to EMA, most companies use 6 or more monitoring tool for a fragmented, piecemeal approach to monitoring. Riverbed SteelCentral is the only end-to-end performance management platform that blends user experience, infrastructure, application, and network monitoring for a holistic view of performance.
Learn how Intuit created an application-aware network performance platformRiverbed Technology
Learn how Intuit utilized Riverbed and Big Switch’s integrated solution and built a scalable application-aware network performance management platform for best-of-breed monitoring and analysis. To watch the full webinar, go here: http://rvbd.ly/1VBKl6S
An industry-leading analyst discusses how you can take control of application performance and provide superior end-user experiences. Then, you’ll hear how a major US healthcare provider eliminated sporadic performance outages that affected its public-facing website, and prevented revenue loss and many hundreds of hours in support costs. To learn more, watch the webcast replay: http://rvbd.ly/1JGz1ke
Or to learn more about AppInternals, visit: http://rvbd.ly/1IsjC5t
Yesterday’s siloed approach to performance monitoring is failing the needs of today’s hybridized and software-defined environments, necessitating a new, unified and blended view of performance domains. In order to effectively address these specific challenges, you need a holistic approach to performance management that converges network, application, infrastructure and end-user experience monitoring into a single interface and also integrates at the domain level. Riverbed SteelCentral provides that platform. http://rvbd.ly/1PnDaxT
Examine common application performance problems hiding in plain sight. See how you can quickly remove the noise, pinpoint root cause and fix these problems once and for all. Watch the webinar replay: http://rvbd.ly/1QGxMBs
Customers and employees complaining about poor network performance or application delays? Want to put an end to the whining? Learn how combining visibility with WAN optimization delivers optimal performance for customers and employees regardless of location by watching this webinar from Riverbed. http://rvbd.ly/1OVbaQw
The document summarizes Riverbed's SteelHead 8.6 product launch. It introduces new capabilities for SteelHead including availability on Microsoft Azure, support for 1Gb optimized WAN traffic for virtual deployments, and acceleration of new applications and platforms. It also highlights market trends towards public and private clouds and the need for network flexibility and scale. Riverbed positions SteelHead as optimizing applications over any network to enable location independent computing across virtual and cloud environments.
Presentation riverbed steelhead appliance main 2010chanwitcs
Riverbed Steelhead appliances provide WAN optimization and acceleration. They can consolidate servers and storage in data centers without compromising end user performance, enabling up to 100x faster disaster recovery and backup across remote offices. Riverbed has over 7,800 customers including over 55 of the Global 100, and delivers an average 6.9 month payback period and 457% ROI.
1. The document presents the organizational chart of the Department of Vocational Training.
2. It shows the various divisions, directorates, and services that report up to the Secretary General.
3. The chart also outlines the regional delegations and external services that are under the department's supervision across Morocco.
Riverbed conducted a remote office/branch office IT survey at EMC World on May 3, 2016. The surveys were taken on the show floor and 183 people took part. The number of employees at their locations range from less than 500 to over 10,000. http://rvbd.ly/1YvjwTI
Given the changing nature of enterprise networking, Riverbed decided to survey attendees of the recent VMworld conference about their companies’ current plans for these emerging technologies. Riverbed surveyed 260 attendees face-to-face, from a variety of roles and with a median company size of 2,300 employees.
This presentation provides a brief overview of APM solutions for the Azure cloud computing platform. We identify three challenges unique to cloud computing which APM can address, and we summarize which APM techniques can be applied in IaaS, PaaS, and SaaS application architectures. To illustrate APM techniques for IaaS and PaaS we look at a variety APM offers in the Azure marketplace, including Riverbed AppInternals, Microsoft Application Insights, and NewRelic. To illustrate APM techniques for SaaS, we look at how SharePoint Online can be instrumented using JavaScript injection. This presentation was prepared and delivered by Ian Downard to the Portland Azure User Group on March 28th, 2016.
The dynamic nature of SaaS applications can slow performance due to the distance between the cloud and users. Riverbed accelerates the delivery of SaaS applications by up to 33x. Join us for this session to find out how you can accelerate applications and manage the delivery of business-critical data and content from your SaaS provider overcoming application latency, control quality of service, remove loss of visibility and bandwidth constraints. http://rvbd.ly/2hpKls6
Orange Business Services provides an overview of its long-term SDN/NFV (Software Defined Networking/Network Functions Virtualization) vision, roadmap and the benefits enterprises can enjoy today with better control over their connectivity, security and cloud application performance.
Orange Business Services regroupe les activités du groupe Orange dédiées aux entreprises. Orange Business Services fournit des services de communication aux entreprises de toute taille en France et aux multinationales dans le monde entier, est le partenaire de confiance de la transformation digitale de votre entreprise.
Have a look to my LinkedIn profile for the english version of this resume : https://www.linkedin.com/in/yannickdupuis/
"The best way to predict the future is to invent it." @AlanKay
But without the ability to execute, a vision will always remain a vision.
My ability to pioneer and quickly acquire new skills has helped me to build and manage complex technical environments for startups and big companies on their critical projects. With my proven experience in web technologies, I have at heart to develop things as a team and focus energies to serve common ambitions because "alone we go faster, together, we go further."
Présentation en 10 slides du socle applicatif Improve Foundations, une distribution opérationnelle de composants Open Source pour le développement d'applications de gestion en Java.
8 Rex : Mise en place de DevOps sur AzureaOS Community
Dans cette session vous découvrirez toutes les étapes de la mise en place d'une plateforme Répliquée sur plusieurs datacenters Azure, les enjeux derrière une telle infrastructure, mais aussi les contraintes que nous avons pu observer sur ce projet.
qualimétrie logiciel - Entreprise Software Analytic - nov 2015Julien Vq
Présentation en français
Comment évaluer la qualité d'un logiciel ?
Quels outils de qualimétrie logiciel choisir ?
Entreprise Software Analitic
Comment valider les livrables de vos fournisseurs avec le support d'ALL4TEST et de ces outils de qualimétrie ?
Le développement logiciel a beaucoup évolué ces 10 dernières années : méthodes Agiles, intégration continue, tests, nouvelles architectures, Cloud, etc. Beaucoup de concepts utiles et nécessaires, mais pas suffisants à la réussite du développement d'un nouveau produit.
Cette session ne vous aidera malheureusement pas à développer une application sur base d'un épais cahier de spécifications, en respectant le budget, les délais et la qualité. Mais elle vous permettra de réussir un produit de qualité, à forte valeur ajoutée pour vos utilisateurs ou clients, dans les temps et au budget escompté !
Au travers de retours d'expérience récents, nous vous montrerons comment sont menés de tels développements chez OCTO. Nous vous parlerons notamment d'ingénierie, de gestion du produit, d'organisation et de process, mais également de culture.
Mais rassurez-vous, tout ceci restera applicable à tout projet de développement, développé avec ou sans OCTO !
Afterwork OCTO Delivery - L'ADN d'un développement produit réussicyrilpicat
Le développement logiciel a beaucoup évolué ces 10 dernières années : méthodes Agiles, intégration continue, tests, nouvelles architectures, Cloud, etc. Beaucoup de concepts utiles et nécessaires, mais pas suffisants à la réussite du développement d'un nouveau produit.
Cette session ne vous aidera malheureusement pas à développer une application sur base d'un épais cahier de spécifications, en respectant le budget, les délais et la qualité. Mais elle vous permettra de réussir un produit de qualité, à forte valeur ajoutée pour vos utilisateurs ou clients, dans les temps et au budget escompté !
Au travers de retours d'expérience récents, nous vous montrerons comment sont menés de tels développements chez OCTO. Nous vous parlerons notamment d'ingénierie, de gestion du produit, d'organisation et de process, mais également de culture.
Mais rassurez-vous, tout ceci restera applicable à tout projet de développement, développé avec ou sans OCTO !
Au sein d’une démarche DevOps, le build et le déploiement continue sont les premiers piliers à mettre en place.
Cette session découverte de notre NighClazz “Build Tools & Continuous Delivery” a pour objectif de présenter les enjeux de l’automatisation, d’introduire les principaux outils de builds Java, de comprendre le mécanisme de livraison logicielle et de déploiement continue.
Le comportement d’un applicatif PHP au sein d’une infrastructure complexe en production est souvent une zone d’ombre pour les développeurs. La détection et la résolution des «bugs» ou comportement en situations extrêmes restent des tâches ardues.
Quelle stratégie adopter, quels outils mettre en place et comment organiser ses équipes quand PHP est amené à être un socle technique pour des applications critiques. Une conférence indispensable pour tout architecte ou DSI souhaitant mettre en place ou sous traiter son infrastructure PHP.
Le monde de l'informatique est divisé depuis toujours en deux univers : les personnes qui créent (Dev) et celles qui exploitent en production (Ops). Cette séparation peut générer stress et frustration. Les équipes n'ont pas l'impression d'aller dans le même sens et cela nuit à la productivité. Pour les réconcilier, un ensemble de pratiques et d'outils ont été imaginées: elles se cachent derrière le terme DevOps. Qu'est-ce que c'est exactement ? Quels problèmes est-ce que cela résout ? Quelle est la bonne approche pour le mettre en place? Nous vous proposons de découvrir notre vision sur ce sujet lors de cette session d'introduction.
Ma stack d'outils agiles, tout un programme !Cédric Leblond
Pour le développement, nous utilisons tous des outils. Leur nombre et surtout leur intégration peuvent même devenir un vrai casse tête. Surtout s'il vous faut supporter des technologies parfois très distinctes ... Je vous propose de monter une plateforme entièrement intégrée et flexible avec Visual Studio Online. Intégrée car toutes les données y sont disponibles. Flexible car ses API permettent de l'étendre avec vos outils agiles préférés (Trello, Zendesk, Jenkins, Jira, ...) et de l’adapter ainsi à vos besoins
4. 4 Orange
EASE : qui sommes nous?
• Confort +
• SARA
• OSAi
• recommandations
• framework de
développement
• automatisation des tests
• audits et livraison de
solutions
• sensibilisation et
formations
• mDAN
Support aux
projets et
formation
Méthodes et
outils
Innovation
Partenariat,
réglementation et
normalisation
6. 6 Orange
Méthodologie d’audit
Audit technique
WCAG 2 AA
Tests utilisateurs
Audit complet
Phase exploratoire
combine technique
et vue utilisateur, max 2h
Compte-rendu
Réunion de qualification
Que lorsqu’unniveauminimal
d’accessibilité estatteintet que les
parcourssontdéfinis
Interlocuteurstechniques
identifiés
Codedisponible
Vérificationdes pointsdéfaillants
Labelou
Pagededéclarationd’accessibilité
Design Clinic
Maquettes fournies
7. 7 Orange
- Critères iOS
- Recommandations techniques iOS
- Guide d’utilisation de VoiceOver
- Critères Android
- Recommandations techniques Android
- Guide d’utilisation de Talkback
Documents et recommandations Web et mobile
http://a11y-guidelines.orange.com : un site de recommandations à usage des projets
- Critères fondamentaux,
version technique et non technique
- Des exemples de mise en oeuvre
- Guide d’utilisation des outils (Jaws et NVDA, outils
de tests…)
Mobile
La synthèse et la simplification par Orange facilitent l’acceptation par le projet !
Web
8. 8 Orange
Démonstrateur d’Accessibilité Numérique sur mobile (mDAN)
Ce démonstrateur est une application mobile qui décrit les règles et recommandations pour
développer des apps mobiles accessibles. Elle est disponible sous Android et iOS.
Contient :
les règles d’accessibilité mobile (images, couleurs, alternatives textuelles…) avec des
exemples
les options d’accessibilité (agrandissement des caractères, augmentation des contrastes,
zoom, inversion des couleurs…)
un guide pour les développeurs
l’accessibilité chez Orange
Publication Open Source à venir (octobre 2016)
9. 9 Orange
Formations accessibilité pour (presque) tous les métiers
• Sensibilisation à l'accessibilité numérique (tout public)
• Principales exigences d’accessibilité mobile et web , et comment les tester (CP, PO, concepteur, qualifieur)
• Formation à l’accessibilité pour les développeurs apps mobiles et web (développeur)
• Formation PDF, Word ou Powerpoint (tout public, communicant, rédacteurs)
• Formation pushmail, vidéo (tout public, communicant, rédacteur)
• Rédaction accessible pour le web (rédacteur, communicant)
• Conception des interfaces accessibles mobiles et web (concepteur, ergonomes, UX designer)
Plusieurs modes d’apprentissage sont utilisés : présentiel, vidéo conférence, téléconférence, e-learning…
10. 10 Orange
Constats
rendre autonome les acteurs du projet
libérer les experts des bases pour se concentrer sur des problèmes complexes
favoriser une meilleure appropriation et compréhension des aspects techniques
pour être efficace il faut utiliser tous les moyens à disposition
(méthodologies, recommandations et formations)
nécessité d’enrichissements et d’évolutions réguliers
manque de formation initiale des développeurs, turn-over…
Il faut donc former massivement des équipes entières : 300 dév. en 2015, >500 dév. en 2016
Mais pour s’assurer de la mise en pratique de l’accessibilité, il faut fournir des outils
11. 12 Orange
BOOSTED
Des composants open source prêts à l’usage pour construire des IHMs chartées, accessibles et responsive web
design basés sur Bootstrap
http://boosted.orange.com/
12. 13 Orange
Responsive design & Web accessible
Responsive framework
• Open source
• Communauté importante
• Bon niveau d’accessibilité
• Documentation importante
Fork de Bootstrap
• Composants spécifiques Orange
• À la charte Orange
• Amélioration du niveau d’accessibilité
• Documentation des composants spécifiques
• Open source
Bootstrap
Boosted
13. 14 Orange
L’open source a changé le contexte d’utilisation de Boosted
Share
Use
Contribute
Pull
request
Share
Créé et maintenu par la core team
Synchronisé avec les évolutions de Bootstrap
Use
Utilisé en l’état par des projets
Contribute
Améliorations proposées par des projets
Pull request
Soumission par des projets
Accessibilité validée par la core team
14. 15 Orange
Constats
100 projets en interne Orange utilisent Boosted !
Meilleure prise en compte des bases de l’accessibilité
Les experts se focalisent sur des tâches de haut niveau
Autonomisation des équipes projets (acteurs des évolutions)
Outil pivot de la communication entre Concepteurs & Développeurs (Axure , Creative
Suite)
Une phase d’apprentissage pour les développeurs (Bootstrap)
Des demandes nombreuses d’évolutions et de nouveaux composants
L’obligation de suivre rapidement les évolutions de Bootstrap
Boosted
Développeur
DesignerBrand
16. 17 Orange
Tests d’accessibilité en intégration continu
(*) Qualité de code :
— htmllint, csslint, eslint
Tests spécifiques :
— bootlint, lesslint ou scsslint
Optimisation des performances :
— concaténation, minification, uglification...
Tests d’accessibilité :
— aXe core de Deque
(**) On est capable de faire tourner Axe dans l’environnement NodeJS avec Jenkins sur une plateforme de développement
continu, donc Axe via Jenkins peut tourner pour n’importe quelle technologie (Java, PHP…)
• environnement NodeJS
(PhantomJS, CasperJS)
• enregistement des sources
• identification des erreurs
d’accessiblité dans la page
• à destination du développeur
• tests d’accessibilité du code interprété en continu
• tests intégrés dans une chaîne de tests de bout en bout de qualité du code (*)
• solution utilisable pour n’importe quelle technologie (**)
17. 18 Orange
Pa11y Dashboard : audit de site
• Permet la remontée d’indicateurs sur des sites (gestion macro de l’accessibilité)
• Basé sur Pa11y (fork) qui teste l’accessibilité avec html code sniffer
• Nos apports
• ajout de Axe core
• dédoublons des tests
• ajout de la fonction crawl à partir d’une URL de base (plusieurs centaines de pages)
• au niveau technique : injection dans navigateur headless, interprétation des résultats : phantomJS ajout
casperJS (screenshoot, sauvegarde des sources) et spookyJS (piloter casper depuis NodeJS)
• Future publication open source
18. 19 Orange
Constats
Il nous faut des outils différents pour des besoins différents
Il manque un outillage de tests clé en main pour valider le niveau d’accessibilité
et donc rendre autonome les développeurs et les autres acteurs projets
Il faut avoir toujours des jeux de tests cohérents et reproductibles dans toute la
chaine (même jeu de test et même résultat)
Il est aussi nécessaire de pouvoir observer l’amélioration dans le temps d’un site
ou d’un ensemble de sites
Il faut tester, toujours tester, le plus tôt possible, par morceaux, sans oublier les
tests utilisateurs
20. 21 Orange
profiter du modèle de travail de l’open source
collaborationinnovation
dans le cadre d’un consortium de l’open source
réduire les CAPEX
formats et APIs ouverts
contrôler les roadmapscommunauté
Open Source Accessibility initiative
lobbying
événementsreprésentation
expérience
outils matures
forum neutre
partage de compétences
21. 22 Orange
Une initiative annoncée au mois de mai
communiqué de presse
https://www.ow2.org/bin/download/Press_Releases/OW2_announces_new_open_source_acc
essibility_initiative/PR-1605-Accessibility-Initiative-v8.1.pdf
22. 23 Orange
Co-construction démarrée
participants
• France
• Italie
• USA
… et vous ?
Direction interministérielle du numérique et du
système d'information et de communication de
l'État
DINSIC
Support du gourvernement
membre
fondateur
International
projets identifiés
domaines de collaboration
Référentiels
Outils de mesure
Formation
Ressources de communication
Outils de développement
Interface utilisateur
Navigation et géolocalisation
https://www.ow2.org/bin/view/OSAi/
23. 24 Orange
Constats
L’initiative se met en place, d’importants acteurs sont présents d’autres doivent
arriver
Les projets en collaboration sont à démarrer
25. 26 Orange
Conclusion
Il faut rendre autonome les acteurs projets
l’accessibilité ne doit pas être une affaire uniquement de spécialistes
l’outillage est un facteur important d’autonomisation
L’accessibilité doit s’inscrire comme un indispensable dans tous les projets
l’accessibilité concerne tous les acteurs : fournisseurs, acheteurs; chef de produits, designers,
ergonomes, développeurs, testeurs, décideurs, sponsors…
elle est décrite dans les exigences et le système qualité au même titre que la sécurité, l’exploitabilité…
L’accessibilité numérique est encore insuffisamment connue et les solutions « de
masse » sont à construire
Nous croyons à l’open source, la co-construction et au partage,
par exemple via l’OSAi
pas d’obligation de mise en a11y sauf pour appli RH (congés com) appli permettant de classiquement tenir son poste (poste info, tééphonie, réservation salle, conf tel…) et appli déjà accessible ou avec un TH identifié, pour les autres sur demande du proje
5
6
sensib, test, reco et formation, outil pédagogique, on applique ce qu’on dit et on peu voir avant après
travail de fond indispensable car la formatin initiale ne comporte généralement pas d ’A11y
culture d’entreprise tout le monde et massivement par service de dev
11
>10 composants spécifiques : nav, footer, tuile…
boosted open source comme son papa
faciliter le travail des dév
base solide, reste le compliqué et là on intervient, les projet font de l’accessiiblité sans même le savoir
boosted outil de maquettage html mais pas que
16
pour les dev lors des commits
avec Jenkins permet à tous de voir le niveau et corriger
pour nous afin de voir l’amélioration progressive sur des sites ou des parcs de sites
20
orange à l’initiative de cette initiative open source suite à de forte pression interne de la part de salariés
mutualiser les savoirs, expériences, resources finacières et humaines
rassembler des acteurs sur un sujet commum et donc avancer plus vite
OW2 consortium reconnu neutre qui structure, organise et assure la promotion de l’initiative