27.11.19

#17 – Un dev pour tous, tous pour un dev – Mathieu Bouillot & Sébastien Coutier

“Respecter les règles d’accessibilité d’un service pour les personnes en situation de handicap c’est aussi créer des usages pour tous les autres utilisateurs”

On sait s’adapter aux différentes tailles d’écrans. Le responsive est un principe acquis dans le monde du dev. Mais on ne sait pas s’adapter à tous les utilisateurs. Les personnes en situation de handicap n’utilisent pas un site ou un service de la même manière que vos beta-testeurs ou persona imaginés lors de la conception. Ajustement des contrastes, navigation exclusivement au clavier, ou via un assistant vocal, beaucoup d’utilisateurs ont des usages qui sont trop peu souvent inclus dans la conception d’un service  

Ce nouvel épisode d’IFTTD – If This Then Dev, présenté par Bruno Soulez et produit par CosaVostra, s’intéresse aux questions d’accessibilité numérique et de l’inclusion. Comment rendre une application ou un service réellement utilisable par tout le monde ?

Les D.E.V. de la semaine sont Mathieu Bouillot et Sébastien Coutier, experts accessibilité chez alterway. Dans leur activité au quotidien, Mathieu et Sébastien guident des entreprises ou des équipes technique sur l’accessibilité.

Ils viennent aujourd’hui nous faire part de leurs apprentissages. On parle du large éventail des handicaps possibles, de comment adapter les interfaces pour que tout le monde puisse les utiliser. Et surtout, ils nous montrent que très souvent, rendre un site accessible à tous répond en fait à des demandes de tous. 

Liens évoqués pendant l’émission

Le RGAA 4.0 

https://www.numerique.gouv.fr/publications/rgaa-accessibilite/

Les outils automatiques et/ou manuels pour tester l’accessibilité d’un site

Firefox (version la plus récente) ;

NVDA (version la plus récente) ;

Optionnel : Chrome (version la plus récente) ;

Extension Firefox WebDeveloper Toolbar : https://chrispederick.com/work/web-developer/ ;

Extension Firefox WCAG Contrast checker : https://addons.mozilla.org/fr/firefox/addon/wcag-contrast-checker/?src=api ;

Extension Firefox HeadingsMap : https://addons.mozilla.org/fr/firefox/addon/headingsmap/?src=api ;

Colour Contrast Analyser : https://developer.paciellogroup.com/resources/contrastanalyser/

Extension Assistant RGAA pour Chrome et Firefox : https://addons.mozilla.org/fr/firefox/addon/assistant-rgaa/

Extension WAVE Web Accessibility Evaluation Tool : https://wave.webaim.org/

Validateur W3C : https://validator.w3.org/

Retrouvez tous nos épisodes sur notre site https://ifttd.io/listes-des-episodes/

Continuons la discussion

Sébastien Coutier (https://www.linkedin.com/in/sebastien-coutier/)

Mathieu Bouillot
https://twitter.com/Matteobz
https://www.linkedin.com/in/mathieu-bouillot-71891719/

@ifthisthendev (https://twitter.com/ifthisthendev)

@bibear (https://twitter.com/bibear)

Discord (https://discord.gg/FpEFYZM)

Facebook (https://www.facebook.com/ifthisthendev/)

LinkedIn (https://www.linkedin.com/company/if-this-then-dev/)