Accessibilité & Utilisabilité Web par Eric Lamidieu

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

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

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.

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.

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/

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

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.

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.

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

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

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

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/

Références, critères et labellisation