L’accessibilité sur le web                     Définition et bonnes pratiquesRETROUVEZ NOUS SUR    www.ametys.org   @Amety...
Questions   Qu’est-ce que l’ACCESSIBILITÉ ?            Comment faire de            l’ACCESSIBILITÉ ?Comment les CMS peuven...
DéfinitionDonner accès à la même information à tous lesindividus quel que soit leur matériel ou logiciel,leur infrastructu...
L’accessibilité pour qui ?En France :10 millions de personnes ont un handicap de longue durée ou permanent • Moteur • Audi...
L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes quin’ont pas FLASH !
L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui    n’ont pasJAVASCRIPT activé   (10% en Fran...
L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes quine sont pas sourds mais ont le son     coupé !
L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui  naviguent sur  leur mobile !
L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui se sont cassés le  poignet au ski !
Les idées reçuesJe vais faire un site dédié aux sourds »
Les idées reçues                   Je vais faire un site dédié aux sourds• Et si la personne n’a   pas FLASH ?• Pourquoi l...
Un site accessible n’est pas forcément moche !
Les idées reçuesl’Accessibilité c’est bien         pour le    référencement »
Les idées reçues            l’Accessibilité c’est bien pour le référencementOUI c’est bien !• Mettre des alternatives pour...
Les idées reçues            l’Accessibilité c’est bien pour le référencementATTENTION !       Il peut y avoir des conflits...
Zoom sur les images• Quelle alternative pour cette image ?          Mettre « Photo du professeur Jean Charles          Pom...
Zoom sur les imagesBonnes pratiques• Ne pas ralentir et ne pas gêner la lecture du site pour un aveugle• Faire gagner du t...
Zoom sur les imagesComment les CMS peuvent aider les contributeurs web à FAIRE LES BONS CHOIX ?
Zoom sur les imagesL’Accessibilité des images avec Drupal 7  Alternative non-vide proposée par défaut  Aide en ligne incom...
Zoom sur les images     L’Accessibilité des images avec Ametys• Alternativevide par défaut• Aide complèteet précise
Structure du contenu• Le contenu doit être structuré sémantiquement• Utilisation des bonnes balises html    • Un titre ce ...
Structure du contenu• Cas d’utilisation concret • Récupération de contenu existant mais mal formé par   copier-coller     ...
Structure du contenuStructuration du contenu avec Joomla! 1.6     Conserve tout lors d’un copier-coller     Apparence trom...
Structure du contenuStructuration du contenu avec AmetysDétruit les balises de présentation lors d’un copier-coller       ...
Evolution de l’accessibilité dans le temps• L’accessibilité est difficile à vérifier• Vérificateurs « externes » ou « inte...
CONTACT                 SITE40 RUE DU VILLAGE       MAILD’ENTREPRISES           TWITTER31670 LABÈGE            FACEBOOK+33...
Prochain SlideShare
Chargement dans…5
×

Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessibles

6 657 vues

Publié le

Qu'est-ce que l'accessibilité sur le web? Comment faire des sites accessibles?
Retrouvez dans cet avis d'expert les conseils et bonnes pratiques pour mieux comprendre l'accessibilité sur le web.

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
6 657
Sur SlideShare
0
Issues des intégrations
0
Intégrations
63
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessibles

  1. 1. L’accessibilité sur le web Définition et bonnes pratiquesRETROUVEZ NOUS SUR www.ametys.org @AmetysCMS AmetysCMS AmetysWebCMS
  2. 2. Questions Qu’est-ce que l’ACCESSIBILITÉ ? Comment faire de l’ACCESSIBILITÉ ?Comment les CMS peuvent-ils aider à FAIRE DES SITES ACCESSIBLES ?
  3. 3. DéfinitionDonner accès à la même information à tous lesindividus quel que soit leur matériel ou logiciel,leur infrastructure réseau, leur langue maternelle,leur culture, leur localisation géographique, ouleurs aptitudes physiques ou mentales. » Tim Berners-Lee, directeur du W3C et inventeur du World Wide Web
  4. 4. L’accessibilité pour qui ?En France :10 millions de personnes ont un handicap de longue durée ou permanent • Moteur • Auditif • Cognitif • Visuel (aveugle, mal voyant ou daltonien) • Handicaps multiples10 millions de seniors qui développent ces mêmes handicaps
  5. 5. L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes quin’ont pas FLASH !
  6. 6. L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui n’ont pasJAVASCRIPT activé (10% en France) !
  7. 7. L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes quine sont pas sourds mais ont le son coupé !
  8. 8. L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui naviguent sur leur mobile !
  9. 9. L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui se sont cassés le poignet au ski !
  10. 10. Les idées reçuesJe vais faire un site dédié aux sourds »
  11. 11. Les idées reçues Je vais faire un site dédié aux sourds• Et si la personne n’a pas FLASH ?• Pourquoi les sourds et pas les aveugles ?• Avoir une partie du site accessible aux sourds ne rend pastout le site accessible !• C’est cher à développer… et c’est très cher à maintenir !• Tous les sourds ne parlent pas la langue des signes !
  12. 12. Un site accessible n’est pas forcément moche !
  13. 13. Les idées reçuesl’Accessibilité c’est bien pour le référencement »
  14. 14. Les idées reçues l’Accessibilité c’est bien pour le référencementOUI c’est bien !• Mettre des alternatives pour l’accessibilité permet de mieux référencer les contenus, car finalement Google est « aveugle »• L’accessibilité conseille de faire des contenus plutôt court pour qu’ils soient facilement assimilable, cela convient aussi à Google car il les considère plus pertinent
  15. 15. Les idées reçues l’Accessibilité c’est bien pour le référencementATTENTION ! Il peut y avoir des conflits !• Le référencement va chercher à multiplier l’information pour la même chose ce qui est n’est pas bien pour l’accessibilité (perte de temps pour lecteur)• Les titres de pages ne doivent pas forcément contenir les mêmes informations pour être bien accessible ou bien référencé…
  16. 16. Zoom sur les images• Quelle alternative pour cette image ? Mettre « Photo du professeur Jean Charles Pomerol »
  17. 17. Zoom sur les imagesBonnes pratiques• Ne pas ralentir et ne pas gêner la lecture du site pour un aveugle• Faire gagner du temps au contributeur• Pour les images de décoration, mettre une alternative vide• Les seules images qui nécessitent une alternative sont les graphiques de données dont les infos ne sont pas reprises dans l’article adjacent
  18. 18. Zoom sur les imagesComment les CMS peuvent aider les contributeurs web à FAIRE LES BONS CHOIX ?
  19. 19. Zoom sur les imagesL’Accessibilité des images avec Drupal 7 Alternative non-vide proposée par défaut Aide en ligne incomplète
  20. 20. Zoom sur les images L’Accessibilité des images avec Ametys• Alternativevide par défaut• Aide complèteet précise
  21. 21. Structure du contenu• Le contenu doit être structuré sémantiquement• Utilisation des bonnes balises html • Un titre ce n’est pas un contenu écrit en taille 16, en majuscule ou en gras• Hiérarchisation correcte des titres
  22. 22. Structure du contenu• Cas d’utilisation concret • Récupération de contenu existant mais mal formé par copier-coller <p style=‘color:orange; font-size:13px’>Titre A</p> <p style=‘color:black; font-size:16px;text- decoration:underline’>Titre B</p>
  23. 23. Structure du contenuStructuration du contenu avec Joomla! 1.6 Conserve tout lors d’un copier-coller Apparence trompeuse par rapport à la sémantique
  24. 24. Structure du contenuStructuration du contenu avec AmetysDétruit les balises de présentation lors d’un copier-coller Après intervention du contributeur : choix des niveaux de titre
  25. 25. Evolution de l’accessibilité dans le temps• L’accessibilité est difficile à vérifier• Vérificateurs « externes » ou « internes »• Niveau de l’accessibilité d’un site dans le tempsaccessibilité Site motorisé par Ametys Site motorisé par un autre CMS temps
  26. 26. CONTACT SITE40 RUE DU VILLAGE MAILD’ENTREPRISES TWITTER31670 LABÈGE FACEBOOK+33 (0) 5 62 19 19 00 YOUTUBE

×