Accessibilité & Utilisabilité Web par Eric Lamidieu
-
Upload
eric-lamidieu -
Category
Technology
-
view
2.920 -
download
3
description
Transcript of Accessibilité & Utilisabilité Web par Eric Lamidieu
1
Accessibilité & Utilisabilité du Web
Un atout différenciateur, pour Qui?
Une opportunité à saisir.
Par Eric Lamidieu: www.eric.lamidieu.org
- Par Eric Lamidieu - 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/
« Accessibilité » concevoir de
nouveaux modes d’interaction
- Par Eric Lamidieu - 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.
- Par Eric Lamidieu - 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.
- Par Eric Lamidieu - 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 FORMEL’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/
- Par Eric Lamidieu - 6
Implémenter une séparation nette entre la forme et les contenus
Accessibilité Web universelle: pour plus d’interopérabilité
Aperçu avant impression
Média écran
Média petit écran
- Par Eric Lamidieu - 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.
- Par Eric Lamidieu - 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.
- Par Eric Lamidieu - 9
Mise en œuvreDé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
- Par Eric Lamidieu - 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
- Par Eric Lamidieu - 11
Constat sur www.legrandchalon.frNous 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
- Par Eric Lamidieu - 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/
- Par Eric Lamidieu - 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/
- Par Eric Lamidieu - 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
- Par Eric Lamidieu - 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/