Accessibilité & Utilisabilité du  Web Un atout différenciateur, pour Qui? Une opportunité à saisir. Par Eric Lamidieu:  ww...
Définition <ul><li>L’accessibilité </li></ul><ul><li>Tim Berners-Lee, président du  W3C1 , définit l'accessibilité de la m...
L'utilisabilité <ul><li>L'utilisabilité  concerne l'expérience, celle de l'utilisateur lorsqu'il accède à un site Web « Se...
Les Handicaps <ul><li>En 2002 le rapport Blanc estime entre 260 000 et 23 000 000 le nombre de personnes en situation de h...
Séparation du contenu du contenant <ul><li>Ce qui intéresse un internaute atteint d’un handicap,  </li></ul><ul><li>c’est ...
Accessibilité Web universelle: pour plus d’interopérabilité Implémenter une séparation nette entre la  forme  et  les   co...
Gains de productivité   générés par une meilleure accessibilité <ul><li>Référencement : Les moteurs de recherche parcouren...
Accessibilité Web universelle : pour une audience plus large   Exemple de l’accessible Web depuis tout type de media via l...
Mise en œuvre Développons des sites Web accessibles <ul><li>Préconisations de l’Europe :   http://ec.europa.eu/ipg/rule7/r...
Des outils <ul><li>Des validateurs de l’accessibilité Web simples à utiliser </li></ul><ul><ul><li>http://www.ocawa.com/ <...
Constat sur www.legrandchalon.fr Nous pouvons toujours nous améliorer <ul><li>L'association  BrailleNet  a mis en place de...
Un exemple d’outil <ul><li>ReadSpeaker, un concept innovant  </li></ul><ul><li>Donnez une nouvelle dimension à votre site,...
Références, critères et labellisation <ul><li>Un site exemple:  http://www.businessdecision-interactive.com/ </li></ul><ul...
Comment s’engager dans une démarche d’accessibilité? <ul><li>Sensibiliser l’ensemble des acteurs et metiers de la chaine d...
Forum européen de l'accessibilité numérique <ul><li>2ème Forum européen de l'accessibilité numérique  Livres électroniques...
Upcoming SlideShare
Loading in …5
×

Accessibilité & Utilisabilité Web par Eric Lamidieu

2,397 views

Published on

Accessibilité Web, Utilisabilité Web Qualité de vos services web par Eric Lamidieu. Comment gagner en audience et en responsabilité sociale simplement.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,397
On SlideShare
0
From Embeds
0
Number of Embeds
235
Actions
Shares
0
Downloads
66
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Accessibilité & Utilisabilité Web par Eric Lamidieu

  1. 1. Accessibilité & Utilisabilité du Web Un atout différenciateur, pour Qui? Une opportunité à saisir. Par Eric Lamidieu: www.eric.lamidieu.org
  2. 2. Définition <ul><li>L’accessibilité </li></ul><ul><li>Tim Berners-Lee, président du W3C1 , définit l'accessibilité de la manière suivante: </li></ul><ul><ul><li>« Mettre le Web et ses services à la disposition de tous les individus, quelque soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » </li></ul></ul><ul><ul><li>L'accès à l'information et à la communication est un droit universel. Le web est devenu un média majeur, et il se doit d'être accessible à tous sans discrimination. </li></ul></ul>Sources: http://openweb.eu.org/accessibilite/ Supprimer les Obstacles « Accessibilité » concevoir de nouveaux modes d’interaction
  3. 3. L'utilisabilité <ul><li>L'utilisabilité concerne l'expérience, celle de l'utilisateur lorsqu'il accède à un site Web « Ses usages » </li></ul><ul><li>Elle concerne la facilité avec laquelle les visiteurs peuvent utiliser un site Web et inclue l’ergonomie. </li></ul><ul><li>Accessibilité et Utilisabilité </li></ul><ul><ul><li>L'accessibilité couvre des aspects techniques, </li></ul></ul><ul><ul><li>L’utilisabilité concerne l'expérience, celle de l'utilisateur lorsqu'il accède à un site Web. L'utilisabilité est assez comparable à une qualité: on ne la remarque que lorsqu'elle fait défaut. </li></ul></ul><ul><ul><li>Les deux contribuent à la satisfaction. </li></ul></ul>
  4. 4. Les Handicaps <ul><li>En 2002 le rapport Blanc estime entre 260 000 et 23 000 000 le nombre de personnes en situation de handicap en France. </li></ul><ul><li>(Myopie, cécité, trouble auditif, surdité, moteur, cognitif…) </li></ul><ul><li>Soit: </li></ul><ul><ul><ul><li>6 millions de déficients visuels </li></ul></ul></ul><ul><ul><ul><li>600.000 à 700.000 enfants dyslexiques </li></ul></ul></ul><ul><ul><ul><li>4,5 millions d’enfants ne sachant pas ou peu lire </li></ul></ul></ul><ul><ul><ul><li>5 millions de personnes illettrés </li></ul></ul></ul><ul><ul><ul><li>4 millions d’étrangers dont le français n’est pas la langue maternelle </li></ul></ul></ul><ul><ul><ul><li>19 millions de seniors dont presque 3 millions connectés à l’Internet </li></ul></ul></ul><ul><ul><ul><li>tous ceux pour qui il est plus facile d’écouter que de lire. </li></ul></ul></ul>
  5. 5. Séparation du contenu du contenant <ul><li>Ce qui intéresse un internaute atteint d’un handicap, </li></ul><ul><li>c’est la lisibilité de l’information et non pas sa présentation </li></ul><ul><li>Séparer le FOND de la FORME </li></ul><ul><li>L’accessibilité est une affaire de développement, </li></ul><ul><li>Exemple avec http://www.csszengarden.com/tr/francais/ </li></ul><ul><li>En 1 clic! Vous changer la présentation de votre site sans changer le contenu </li></ul>Source : http://www.blog-accessibilite.com/
  6. 6. Accessibilité Web universelle: pour plus d’interopérabilité Implémenter une séparation nette entre la forme et les contenus Aperçu avant impression Média écran Média petit écran
  7. 7. Gains de productivité générés par une meilleure accessibilité <ul><li>Référencement : Les moteurs de recherche parcourent plus facilement votre site. </li></ul><ul><li>Ergonomie : Votre site est plus lisible (Visibilité renforcée et navigation naturelle) </li></ul><ul><li>Coûts de maintenance diminués: Par la séparation du fond et de la forme. Un re-lookage n’est qu’une histoire de clic. </li></ul><ul><li>Image : Vous affichez clairement votre responsabilité sociale et votre engagement dans ce sens </li></ul><ul><li>Audience : Vous touchez de nouvelles cibles « les handicapés » avec un fort pouvoir communautaire de communication => nous sommes tous des handicapés, si nous ne le sommes pas le temps s’en chargera. </li></ul><ul><li>Légalité : le contexte légal se durcit (notamment pour les services publics) Vous participez à l’égalité des chances </li></ul><ul><li>Différenciation: vis à vis des concurrents. </li></ul>
  8. 8. Accessibilité Web universelle : pour une audience plus large Exemple de l’accessible Web depuis tout type de media via l’url : http://www.legrandchalon.fr Rendu sous le client FireFox sous différente plateforme : Windows, Mac, linux. Rendu sous Internet Explorer Rendu sous le client Opera sous différente plateforme : Windows, Mac, linux.
  9. 9. Mise en œuvre Développons des sites Web accessibles <ul><li>Préconisations de l’Europe : http://ec.europa.eu/ipg/rule7/rule7_fr.htm </li></ul><ul><li>La sous-commission eEurope s’occupe du développement dans le domaine de la technologie de l’information, et est composée de groupes de travail actifs. L’un deux : eAccessibility , constitué d'hommes politiques et experts de tous les états membres, échange des informations au sujet de nouveaux développements en matière d'accessibilité électronique dont l'accessibilité du web </li></ul><ul><li>Sur les 92 critères du Référentiel AccessiWeb : http://www.accessiweb.org/fr/groupe_travail_accessibilite_du_web/manuel_accessiweb/ </li></ul><ul><li>30 sont très simples à respecter (Priorité 1) </li></ul><ul><li>A INTEGRER DANS LES CAHIERS DES CHARGES </li></ul>
  10. 10. Des outils <ul><li>Des validateurs de l’accessibilité Web simples à utiliser </li></ul><ul><ul><li>http://www.ocawa.com/ </li></ul></ul><ul><ul><li>http://validator.w3.org/ Markup Validation service </li></ul></ul><ul><ul><li>www.htmlhelp.com/tools/validator/ Le validateur HTML du WDG </li></ul></ul><ul><ul><li>http://jigsaw.w3.org/css-validator/ Feuille de styles </li></ul></ul><ul><ul><li>Une ToolBar Accessiweb http://www.accessiweb.org/_repository/files/barre_AccessiWeb.exe </li></ul></ul><ul><li>Un référent Opquast fournit un ensemble de bonnes pratiques pour la qualité des services en ligne, qui intègre l'accessibilité dans une démarche globale d'amélioration de la qualité </li></ul><ul><ul><li>http://fr.opquast.com/ => Contact Elie Sloïm </li></ul></ul>
  11. 11. Constat sur www.legrandchalon.fr Nous pouvons toujours nous améliorer <ul><li>L'association BrailleNet a mis en place depuis plus de 3 ans une méthode d'évaluation de l'accessibilité des sites Web (ie, AccessiWeb) à partir d'une grille de 92 critères répartis en 3 niveaux (Bronze, Argent et Or). </li></ul><ul><li>Test le 30 novembre 2007 avec Ocawa , En page d’accueil: 2 remarques de priorité 2 </li></ul>
  12. 12. Un exemple d’outil <ul><li>ReadSpeaker, un concept innovant  </li></ul><ul><li>Donnez une nouvelle dimension à votre site, en proposant à vos lecteurs, le canal audio de tous ses contenus écrits. ReadSpeaker convertit à la volée et instantanément tous vos contenus textes en voix (articles, brèves, newsletters, mailings, PDF, etc). Récompensé de nombreuses fois, ReadSpeaker est le leader européen du « Voice-on-the-Web » </li></ul>http://www.readspeaker.com/
  13. 13. Références, critères et labellisation <ul><li>Un site exemple: http://www.businessdecision-interactive.com/ </li></ul><ul><li>Une démarche différenciatrice de l’entreprise Orange: </li></ul><ul><li>http://www.francetelecomgroup.com/fr/espaces/journalistes/dossiers/DP_old/att00039551/DP_DependanceHandicap_nov06.pdf </li></ul><ul><li>Pour l'accessibilité numérique des services publics : </li></ul><ul><li>http://www.web-pour-tous.org/soutien_loi_numerique/ </li></ul><ul><li>Un blog: http://www.blog-accessibilite.com/ </li></ul><ul><li>http://www.accessiweb.org/fr/Label_Accessibilite/ </li></ul><ul><li>http://www.braillenet.org/ </li></ul>
  14. 14. Comment s’engager dans une démarche d’accessibilité? <ul><li>Sensibiliser l’ensemble des acteurs et metiers de la chaine de l’accessibilité Web </li></ul><ul><li>Intégrer l’accessibilité dans le développement de vos sites Web </li></ul><ul><ul><li>Utiliser les outils en lignes et les standards, </li></ul></ul><ul><ul><li>Cahier des charges (Guidelines) </li></ul></ul><ul><ul><li>S’appuyer sur un réseau de partenaires compétents </li></ul></ul><ul><li>Maintenir et Contrôler de façon récurrente </li></ul><ul><li>Devenir partenaire de OCAWA </li></ul><ul><ul><li>http://www.ocawa.com/fr/Partenaires/Devenez-partenaires.htm </li></ul></ul><ul><li>Communiquer pour valoriser votre engagement social </li></ul><ul><li>Essaimer vos bonnes pratiques </li></ul>
  15. 15. Forum européen de l'accessibilité numérique <ul><li>2ème Forum européen de l'accessibilité numérique Livres électroniques accessibles: une chance pour les personnes handicapées </li></ul><ul><li>Cité des sciences et de l'industrie - Paris </li></ul><ul><li>28 janvier 2008  -   9h - 17h45 - accueil à partir de 8h30 </li></ul>http://inova.snv.jussieu.fr/evenements/colloques/ebooks/Description/

×