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

Accessibilité & Utilisabilité Web par Eric Lamidieu

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: 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

Page 2: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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

Page 3: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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.

Page 4: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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.

Page 5: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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/

Page 6: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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

Page 7: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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.

Page 8: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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.

Page 9: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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

Page 10: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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

Page 11: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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

Page 12: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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/

Page 13: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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/

Page 14: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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

Page 15: Accessibilité & Utilisabilité Web par Eric Lamidieu

- 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/