1. WST#8 : Connatre lesfondamentaux de laccessibilit

2. Sbastien Huillet Agence Webwww.tribu-and-co.fr 3. Connatre les fondamentaux de laccessibilit1. Achetez mon beau poisson - Prsentation de laccessibilit2. La thorie du complot - Dfinition des normes3. Un label Made in France Accessiweb4. Attachez votre ceinture Prsentation des 13 thmatiques5. Les bonnes recettes de laccessibilit - Outils et ressources6. Alors, il est pas frais mon poisson ? - Perspectives et conclusions 4. Dfinition de laccessibilit Physique ducatif Civique Culturel / Social Numrique 5. Dfinition de laccessibilit numrique Public handicapfile:///mnt/temp/oo/20120420090029/true.png Ouverture sur le mondefile:///mnt/temp/oo/20120420090029/true.png Un matriel adaptfile:///mnt/temp/oo/20120420090029/false.png Compatibilit et confort de consultation 6. Dfinition de laccessibilit numrique Tout publicLes sniorsLes novicesLe matriel 7. Dfinition de laccessibilit numriqueTim Berners-Lee, directeur du W3C"Mettre le Web et ses services la disposition de tous lesindividus, quel que soit leur matriel ou logiciel, leurinfrastructure rseau, leur langue maternelle, leur culture, leurlocalisation gographique, ou leurs aptitudes physiques oumentales." 8. Dfinition des normes internationales W3C WAI WCAG, ARIA, ATAG, UAAG WCAG 2.0 : 3 niveaux A, AA, AAA 9. La loi, cest le RGAAarticle 47 de la loi 2005-102 Les services de communication publique en ligne desservices de ltat, des collectivits territoriales et destablissements publics qui en dpendent doivent treaccessibles aux personnes handicapes. Cration du rfrentiel RGAA en 2009Mise en application en 2009Niveau requis AADlai de mise en uvre 2 3 ans 10. Accessiweb, le label made in FranceBrailleNet, lassociationAccessiweb, le centre de ressource :Un rfrentiel : Accessiweb 2.1Un Label Bronze, Argent et OrLe GTA, Groupe de Travail Accessiweb 11. Le rfrentiel Accessiweb 2.1 13 thmatiques 131 critres 3 niveaux : Bronze (A) : 81 critres Argent (AA) : 20 critres Or (AAA) : 30 critres 12. ImagesDonner chaque image porteuse dinformationune alternative textuelle pertinente et unedescription dtaille si ncessaire.Remplacer les images textes par du texte styllorsque cest possible. 13. Images 14. Cadres Donner chaque cadre et chaque cadre en ligne un titre pertinent. 15. Couleurs Ne pas donner linformation uniquement par la couleur et utiliser des contrastes de couleurs suffisamment levs. 16. Couleurs 17. LiensDonner des intituls de lien explicites, grce des informations de contexte notamment, etutiliser le titre de lien le moins possible. 18. Liens 19. lments ObligatoiresVrifier que chaque page Web a un code sourcevalide selon le type de document, un titrepertinent et une indication de langue par dfaut. 20. Structuration de linformationUtiliser des titres, des listes, des abrviations etdes citations pour structurer linformation. 21. Structuration de linformation 22. Prsentation de linformationUtiliser des feuilles de styles pour contrler laprsentation de linformation. Vrifier leffet delagrandissement des tailles de caractre sur lalisibilit. 23. FormulairesStructurer les formulaires de manire pertinente,vrifier la prsence daide la saisie et decontrle de saisie accessible. 24. TableauxDonner chaque tableau de donnes, unrsum et un titre pertinent, identifier clairementles cellules den-tte. 25. NavigationFaciliter la navigation par au moins deuxsystmes de navigation diffrents : menu denavigation, plan du site, moteur de recherchefil dariane 26. MultimdiaDonner si ncessaire chaque mdia temporelune transcription textuelle, des sous-titressynchroniss et une audio-descriptionpertinente. 27. Multimdia 28. ScriptsDonner si ncessaire chaque script unealternative pertinente. 29. ConsultationProposer des versions accessibles ou rendreaccessibles les documents en tlchargement.Sont concerns tous les fichiers PDF, Word,ExcelChaque contenu en mouvement ou clignotantest-il contrlable par lutilisateur ? 30. Outils et ressources Firefox : Firebug et Web developer Internet Explorer : WAT-C Niveaux de contraste : Contrast analyser Accessibilit flash : aDesigner 31. Outils et ressources Accessiweb Open Web Alsacrations Transcender CSS par Andy Clarke 32. ConclusionLe siteOuverture du site Structuration de linformation - ergonomie Optimisation du rfrencementLagence Web 80 % des critres simples . Pas de ncessit de concession graphique Structure le projetLe clientMeilleure renomme Preuve de qualit - Prennit Maintenance moins couteuse 33. Tlcharger les outils http://www.facebook.com/TribuAndCo Audit du sitefile:///mnt/temp/oo/20120420090029/logo_webshool.png http://www.webschool-tours.fr/