Training developer to accessibility is not enough; they need ready-to-use tools. Responsive Design has been the trigger for many web sites refactoring that gave opportunity for accessibility improvement. By the end of 2014 we compared the major market solutions and Bootstrap appeared to be the best. They benefited from a really big support community, a robust and functional framework, open source and of course with a quite good accessibility level. So we decided to use this framework. We studied how to make its accessibility even better and submitted our improvements to the community. That was a good starting point but not enough, we’ve also got some Orange specific components, our brand is not blue and we want to share our work easily with everybody. That’s why we created an open source fork of Bootstrap, called Boosted, providing the best from native Bootstrap and adding up the Orange Brand, some specific components, and an even higher accessibility level.

1. Boosted
Framework
Laussel Loïc September 22nd 2016
for Web Accessible and
Responsive Websites

2. 2
Who are we?
• Confort +
• SARA
• OSAi
• guidelines
• development
framework
• automated tests
• web and mobile
• mDAN
Projects
support and
training
Guidelines &
tools for
digital
solutions
Innovation
Partnerships
and
standardizatio
n

3. 3
Responsive design & Web accessible
Bootstrap
• Responsive framework
• Open source
• Big community
• Good accessibility level
• Extensive documentation
Boosted
• Fork of Bootstrap
• Orange custom components
• Orange Branded
• Increase accessibility level
• Document all specific components
• Open source

4. 4
How open source change the use?
Share
Use
Contribute
Pull
request
Boosted
Maintained by the core team
Keep sync with Bootstrap
Used
Used as is by projects
Contribute
Improved by projects
Push back improvement
Pull request
Submit by projects
Accessibility checked by the
core team

5. 5
Results are Here!
§ Accessibility level of projects increase with Boosted
§ Experts effort spent onto complex interface components
§ Empowered developers
§ Central tool for discussions between Design & Developers
Boosted
Developer
DesignerBrand

6. 6
And now…
§ Existing Opensource tools :
– mDan – Mobile accessibility demonstration (iOS, Android)
– A11y-guidelines – Web &Mobile best practices
– http://a11y-guidelines.orange.com
– Boosted (http://boosted.orange.com)
– Orange Confort+ - browser extension for disabled people
– http://confort-plus.orange.com
§ Next steps
– Providing more tools to keep empowering the developers
– Accessibility automatic tests integrated into the build chain
– Accessibility automatic watch

7. Thanks