Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibilité numérique : comment la prendre en compte dans vos projets WordPress

744 views

Published on

Conférence au WordCamp Paris 2018 #a11y #accessibilité #WordPress

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Accessibilité numérique : comment la prendre en compte dans vos projets WordPress

  1. 1. Accessibilité numérique : comment la prendre en compte dans vos projets WordPress WordCamp Paris 2018 Claire Bizingre
  2. 2. Claire Bizingre Consultante formatrice Accessibilité numérique et Qualité Web @accesbilis
  3. 3. Accessibilité universelle Non-voyants Séniors Sourds Malvoyants Daltoniens Handicap moteur Malentendants Handicap mental Les internautes concernés Handicap Cognitif
  4. 4. Un même site pour tous Compatible avec les technologies d’assistance
  5. 5. A11Y Référencement Webmarketing Traduction Performance Sécurité Code Responsive Webdesign Ergonomie Services Contenus L’accessibilité n’est pas une option mais une exigence
  6. 6. La motivation du client est indispensable « Le site WordPress répondra aux exigences d’accessibilité niveau AA » « Nous visons une certification de notre site WordPress »
  7. 7. Votre mission: Fournir un site WordPress ayant le niveau d’accessibilité souhaité.
  8. 8. Comment s’y prendre ?
  9. 9. Intégrer un référent accessibilité  Spécialisé, formé en accessibilité  En binôme avec le chef de projet  Présent tout au long du projet  Conseille, contrôle, accompagne
  10. 10. Former toute l’équipe projet A11Y Rédacteur Client Développeur intégrateur Webdesigner Chef de projet
  11. 11. Connaître les usages
  12. 12. S’approprier les outils de test Color Contrast Analyser Contrast Finder Tanaguru tota11y NVDA screen reader Validateur HTML / CSS Web Developer
  13. 13. Penser à l’utilisateur en priorité Choix fonctionnels et techniques au service de l’utilisateur
  14. 14. Intégrer l’A11Y en phase de conception  Établir une liste de recommandations  Contrôler maquettes et guide de style  Relever les défauts  Suivre les modifications
  15. 15. Intégrer l’A11Y dans le développement  Établir une liste de recommandations  Contrôler le développement  Relever les défauts  Suivre les modifications
  16. 16. Intégrer l’A11Y dans WordPress  Configurer l’éditeur de contenu  Choisir un thème facilement modifiable  Développer un thème sur mesure  Tester les plugins  Choisir des plugins facilement adaptables  Utiliser des patchs JS
  17. 17. Intégrer l’A11Y dans la gestion de tickets
  18. 18. Intégrer l’A11Y dans la rédaction des contenus  Établir une liste de recommandations  Former le client  Suivre les contenus intégrés
  19. 19. Merci de votre attention !

×