L'accessibilité et l'utilisabilité du web sont essentielles pour garantir un accès universel à l'information, notamment pour les personnes en situation de handicap. Le document souligne les avantages techniques et sociaux d'une approche accessible, comme la satisfaction utilisateur et le respect des réglementations légales croissantes. Il propose également des outils et des bonnes pratiques pour intégrer l'accessibilité dans le développement de sites web.

1. Accessibilité & Utilisabilité du Web Un atout différenciateur, pour Qui? Une opportunité à saisir. Par Eric Lamidieu: www.eric.lamidieu.org

2. Définition L’accessibilité Tim Berners-Lee, président du W3C1 , définit l'accessibilité de la manière suivante: « 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. » 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. Sources: http://openweb.eu.org/accessibilite/ Supprimer les Obstacles « Accessibilité » concevoir de nouveaux modes d’interaction

3. L'utilisabilité L'utilisabilité concerne l'expérience, celle de l'utilisateur lorsqu'il accède à un site Web « Ses usages » Elle concerne la facilité avec laquelle les visiteurs peuvent utiliser un site Web et inclue l’ergonomie. Accessibilité et Utilisabilité L'accessibilité couvre des aspects techniques, 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. Les deux contribuent à la satisfaction.

4. Les Handicaps En 2002 le rapport Blanc estime entre 260 000 et 23 000 000 le nombre de personnes en situation de handicap en France. (Myopie, cécité, trouble auditif, surdité, moteur, cognitif…) Soit: 6 millions de déficients visuels 600.000 à 700.000 enfants dyslexiques 4,5 millions d’enfants ne sachant pas ou peu lire 5 millions de personnes illettrés 4 millions d’étrangers dont le français n’est pas la langue maternelle 19 millions de seniors dont presque 3 millions connectés à l’Internet tous ceux pour qui il est plus facile d’écouter que de lire.

5. Séparation du contenu du contenant Ce qui intéresse un internaute atteint d’un handicap, c’est la lisibilité de l’information et non pas sa présentation Séparer le FOND de la FORME L’accessibilité est une affaire de développement, Exemple avec http://www.csszengarden.com/tr/francais/ En 1 clic! Vous changer la présentation de votre site sans changer le contenu Source : http://www.blog-accessibilite.com/

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. Gains de productivité générés par une meilleure accessibilité Référencement : Les moteurs de recherche parcourent plus facilement votre site. Ergonomie : Votre site est plus lisible (Visibilité renforcée et navigation naturelle) 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. Image : Vous affichez clairement votre responsabilité sociale et votre engagement dans ce sens 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. Légalité : le contexte légal se durcit (notamment pour les services publics) Vous participez à l’égalité des chances Différenciation: vis à vis des concurrents.

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. Mise en œuvre Développons des sites Web accessibles Préconisations de l’Europe : http://ec.europa.eu/ipg/rule7/rule7_fr.htm 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 Sur les 92 critères du Référentiel AccessiWeb : http://www.accessiweb.org/fr/groupe_travail_accessibilite_du_web/manuel_accessiweb/ 30 sont très simples à respecter (Priorité 1) A INTEGRER DANS LES CAHIERS DES CHARGES

10. Des outils Des validateurs de l’accessibilité Web simples à utiliser http://www.ocawa.com/ http://validator.w3.org/ Markup Validation service www.htmlhelp.com/tools/validator/ Le validateur HTML du WDG http://jigsaw.w3.org/css-validator/ Feuille de styles Une ToolBar Accessiweb http://www.accessiweb.org/_repository/files/barre_AccessiWeb.exe 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é http://fr.opquast.com/ => Contact Elie Sloïm

11. Constat sur www.legrandchalon.fr Nous pouvons toujours nous améliorer 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). Test le 30 novembre 2007 avec Ocawa , En page d’accueil: 2 remarques de priorité 2

12. Un exemple d’outil ReadSpeaker, un concept innovant 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 » http://www.readspeaker.com/

13. Références, critères et labellisation Un site exemple: http://www.businessdecision-interactive.com/ Une démarche différenciatrice de l’entreprise Orange: http://www.francetelecomgroup.com/fr/espaces/journalistes/dossiers/DP_old/att00039551/DP_DependanceHandicap_nov06.pdf Pour l'accessibilité numérique des services publics : http://www.web-pour-tous.org/soutien_loi_numerique/ Un blog: http://www.blog-accessibilite.com/ http://www.accessiweb.org/fr/Label_Accessibilite/ http://www.braillenet.org/

14. Comment s’engager dans une démarche d’accessibilité? Sensibiliser l’ensemble des acteurs et metiers de la chaine de l’accessibilité Web Intégrer l’accessibilité dans le développement de vos sites Web Utiliser les outils en lignes et les standards, Cahier des charges (Guidelines) S’appuyer sur un réseau de partenaires compétents Maintenir et Contrôler de façon récurrente Devenir partenaire de OCAWA http://www.ocawa.com/fr/Partenaires/Devenez-partenaires.htm Communiquer pour valoriser votre engagement social Essaimer vos bonnes pratiques

15. Forum européen de l'accessibilité numérique 2ème Forum européen de l'accessibilité numérique Livres électroniques accessibles: une chance pour les personnes handicapées Cité des sciences et de l'industrie - Paris 28 janvier 2008 - 9h - 17h45 - accueil à partir de 8h30 http://inova.snv.jussieu.fr/evenements/colloques/ebooks/Description/