Former les développeurs à l’accessibilité ne suffit pas : ils ont besoin d’outils prêts à l’emploi. Le Responsive design a été le déclencheur de refontes majeures de sites web, nous permettant d’y injecter de l’accessibilité. Nous avons opté pour Bootstrap, dont nous avons corrigé certains composants pour les rendre accessibles ; l’étape suivante ayant été de reverser cet effort à la communauté.

1. Boosted Framework
Stéphane Deschamps – POSS – 17 novembre 2016
(merci Loïc Laussel)
Pour des sites accessibles et
Responsive

2. Qui sommes-nous ?
• Confort +
• SARA
• OSAi
• Recommandations
• Framework de
développement
• Tests automatisés
• web et mobile
• mDAN
Soutien aux
projets
Formations
Outils et
Recomman-
dations
Innovation
Partenariat
et standardi-
sation

3. Responsive design & Web accessible
Bootstrap
• Framework responsive
• Open source
• Grosse communauté
• Bon niveau d’accessibilité de base
• Documentation fournie
Boosted
• Fork de Bootstrap
• Composants spécifiques Orange
• “brandé” Orange
• Niveau d’accessibilité augmenté
• Tous composants spécifiques
documentés
• Open source

4. Comment l’Open Source change l’usage
Partage
Utilisation
Contribution
“Pull
requests”
Boosted
Maintenu par le core team
Aligné avec Bootstrap
(mises à jour)
Utilisation
Servi “sur étagère” aux
projets
Contribution
Amélioré par les projets
Remontées terrain
Pull requests
Soumises par les projets
Accessibilité contrôlée par le
core team

5. Résultats au rendez-vous
 Niveau d’accessibilité des projets en hausse avec Boosted
 Les experts peuvent se concentrer sur les questions complexes
 Développeurs plus autonomes
 Pivot de discussion entre le design et les développeurs
Boosted
Développeur
DesignerBrand

6. Prochaines étapes
 Plus d’outils pour rendre les développeurs encore plus autonomes
 Tests automatiques dans la chaîne de production
 Supervision automatique de l’accessibilité

7. Merci !
et à votre disposition