1. Tour du webTour du web e ne n 8080 e x e m p l e s d 'e x e m p l e s d ' accessibilitaccessibilit Matthieu FaureMatthieu Faure @mfaure@mfaure

2. Avant-propos Bnfices accessibilit 3. Visibilit SEO 4. Ergonomie 5. Conformit Loi 2005 6. Exemples ? 7. Exemple global 8. Exemples prcis 9. Pertinence des liensPertinence des liens 10. Pertinence des liensPertinence des liens 11. Pertinence des liensPertinence des liens 12. VideoVideo 13. FormulairesFormulaires 14. FormulairesFormulaires 15. Fil d'ArianeFil d'Ariane 16. Navigation clavierNavigation clavier 17. Beaucoup d'exemplesBeaucoup d'exemples 18. Copier ?Copier ? 19. Bien sr ! Rependre les bons exemples Observer les moins bons 20. KBAccessKBAccess Base collaborative d'exemples d'accessibilitBase collaborative d'exemples d'accessibilit 21. KBAccess mai 2014 +700 exemples archivs + 80 contributeurs Mondial France, Suisse, Canada, USA, Angleterre, Espagne, Uruguay (!)... www.KBAccess.org 22. Mesurer l'accessibilitMesurer l'accessibilit 23. Tout le temps ! 1.Choix prestataire 24. Tout le temps ! 1.Choix prestataire 2.Recette livrable 25. Tout le temps ! 1.Choix prestataire 2.Recette livrable 3.Dveloppement site 26. Tout le temps ! 1.Choix prestataire 2.Recette livrable 3.Dveloppement site 4.Maintenance 27. Comment ? 28. Logiciel libre - 300 000 lignes de code (utiles, source Ohloh) - GitHub https://github.com/Tanaguru/Tanaguru - Communaut www.tanaguru.org - SaaS www.tanaguru.com 29. OK, what else ? 30. ContrasterContraster 31. ContrasteContraste 32. Contraste (bis)Contraste (bis) 33. Contrler les contrastesContrler les contrastes 34. Trouver les bonnes couleurs ? 35. Contrast-FinderContrast-Finder 36. Contrast-finder.tanaguru.com logiciel libre https://github.com/Tanaguru/Contrast-Finder 37. depuis Firefoxdepuis Firefox https://addons.mozilla.org/https://addons.mozilla.org/ Tanaguru Tanaguru 38. Dclaration conformitDclaration conformit 39. Soyez sincre !Soyez sincre ! 40. Indiquer zones accessibilit moindreIndiquer zones accessibilit moindre 41. Donnez un contactDonnez un contact 42. Matthieu FaureMatthieu Faure Ta n a g u r u . c o mTa n a g u r u . c o m m f a u r e @ t a n a g u r u . c o mm f a u r e @ t a n a g u r u . c o m 0 6 7 3 9 6 7 9 5 90 6 7 3 9 6 7 9 5 9 @ m f a u r e@ m f a u r e Merci!Merci! 43. World's worst website (attention a pique un peu les yeux!) Exemple KBAccess n1250 : CG58 Liens lire la suite Exemple KBAccess n1299 : chambres d'agriculture Bonne implmentation des liens pour accder aux actus Exemple KBAccess n1301 : Provaltis Liens Exemple KBAccess n1315 : Video Youtube MecaTrouve Video avec transcription Exemple KBAccess n583 : Salariance Formulaire problmatique Exemple KBAccess n 603 : Montreuil Plusieurs boutons OK pour formulaires diffrents MeteoFrance Bonne implmentation des liens d'vitements URLs et exemples utilissURLs et exemples utiliss 44. Photos sous licence Licence libre CC-BY-SA JotaCartas https://commons.wikimedia.org/wiki/User:JotaCartas https://commons.wikimedia.org/wiki/File:Ponte_Vasco_da_Gama_25.jpg CC-BY-SA Luca Galuzzi http://commons.wikimedia.org/wiki/User:Lucag http://commons.wikimedia.org/wiki/File:Piles_of_Salt_Salar_de_Uyuni_Bolivia_Luca_Galuzzi_2006_a.jpg CC-BY-SA http://www.flickr.com/photos/hackny/6203292858/ CC-BY-SA Nevit Dilmen http://commons.wikimedia.org/wiki/User:Nevit http://commons.wikimedia.org/wiki/File:Plastic_Protractor_Polarized_05375.jpg CC-BY-SA Brocken Inaglory https://sites.google.com/site/thebrockeninglory/ http://commons.wikimedia.org/wiki/File:Artcarfest_in_San_Francisco_1.jpg CC-BY-SA Jonathan McIntosh http://commons.wikimedia.org/wiki/User:Thehero http://commons.wikimedia.org/wiki/File:South_Central_Farm_1.jpg CC-BY-SA Arild Vgen http://commons.wikimedia.org/wiki/User:ArildV http://commons.wikimedia.org/wiki/Commons:Featured_pictures/Objects#mediaviewer/File:Golden_Horn_Metro_Bridge_Mars_2013.jpg CC-BY-SA Berthold Werner http://commons.wikimedia.org/wiki/User:Berthold_Werner http://commons.wikimedia.org/wiki/File:Telefon_BW_2012-02-18_13-44-32.JPG CC-BY http://www.flickr.com/photos/wonderlane/4196740256/ CrditsCrdits 45. Ils aiment TanaguruIls aiment Tanaguru