ACCESSIBILITÉ WEB Enjeux et bonnes pratiques
|
|
- Edith Pruneau
- il y a 8 ans
- Total affichages :
Transcription
1 Freelance en rédaction web Septembre 2010 ACCESSIBILITÉ WEB Enjeux et bonnes pratiques Contenu sous licence Creative Commons Vous pouvez réutiliser ce texte sous réserve de respecter ces 3 conditions : 1) indiquer la mention de paternité suivante : Source : sur 2) ne pas modifier le texte 3) ne pas l'utiliser à des fins commerciales
2 SOMMAI RE Introduction I - Etat des lieux de l'accessibilité Qu est-ce qu un handicap? Chiffres clés de l'accessibilité Historique de l accessibilité web Ce que dit la loi française L'accessibilité web dans le monde Zoom sur la Web Accessibility Initiative (WAI) Remerciements Je remercie pour leur précieuse contribution et conseils avisés : Laurence Tézier, experte Accessiweb de l agence 1 ère Position Christophe C, agence Neoma Interactive Ghislaine Chabert, maître de conférence à l Université de Savoie II- Comment surfent les handinautes? Naviguer avec un handicap visuel Naviguer avec un handicap auditif Naviguer avec un handicap moteur Naviguer avec un handicap cognitif III- Concevoir des sites accessibles Evaluer l existant : boîte à outils Principales bonnes pratiques Quels avantages de l'accessibilité web? Conclusion 2
3 AVANT-PROPOS Dans le cadre du Master II Ecriture Interactive et Design d Interaction de la CCI et des Universités de Savoie, j ai choisi d axer ce mémoire de fin d études sur le thème de l accessibilité web. Un choix directement lié à mes objectifs professionnels Après un DUT Services et Réseaux de Communication (SRC) qui m a initiée aux aspects les plus techniques du multimédia (programmation, maintenance réseaux, infographie), je me suis spécialisée en rédaction web et webmarketing. Cette 5 ème et ultime année universitaire en Master II EIDI me Travaux disponibles sur 1) apprendre à maîtriser ces nouvelles techniques, 2) les adapter aux problématiques auxquelles je pourrais être confrontée au cours de ma carrière, 3) les anticiper pour être à même de proposer des solutions innovantes. Ce document est en quelque sorte le prolongement du travail de veille que je m efforce de mener au quotidien, notamment à via Twitter. Blog personnel, dossier sur l écriture web, mémoire sur le marketing mobile J ai par ailleurs eu l occasion de formaliser mes acquis tout au long de mon parcours. Ce nouveau mémoire représente une opportunité supplémentaire de valoriser ma veille sur un aspect aujourd hui incontournable de la communication web : l accessibilité des sites internet. 3
4 I NTRODUCTI ON «The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect».* «Le pouvoir du Web est son universalité. Qu il soit accessible par n importe qui quel que soit son handicap est un de ses aspects essentiels.» Tim Berners Lee, inventeur du World Wild Web et fondateur du W3C Espagne, Etats-Unis, Grande Bretagne, Canada Nombreux sont les Etats industrialisés à légiférer en faveur de l accessibilité numérique. Depuis le 14 mai 2009, même le gouvernement français impose la mise en conformité des sites internet publics aux normes d accessibilité web d ici à Pourquoi un tel engouement? Quel impact sur l économie (création d agences spécialisées en e-accessibilité, apparition de nouveaux métiers, formations universitaires)? Ce dossier explore le monde de l accessibilité et des standards du web. Objectif : mettre en perspective : les enjeux de l e-accessibilité (notamment sociaux, politiques et économiques) les bonnes pratiques pour concevoir des interfaces web accessibles Définition L accessibilité ne se résume pas à l adaptation de la voirie, des transports et des lieux de vie. Si se déplacer est un gage d autonomie, l accès aux supports numérique représentent également un impact social, culturel et professionnel pour les personnes handicapées. Voici quelques exemples de situations de handicap auxquelles l utilisation d interfaces numériques peut répondre : Horaires de bus : rarement disponibles en braille, on les trouve facilement sur internet ; Intranet d entreprise : pour mettre l ensemble des salariés de l entreprise au même niveau d information ; Etablissements scolaires et les espaces culturels : droit à l éducation. L accessibilité numérique peut donc être définie comme la possibilité donnée à chaque internaute de prendre connaissance et d utiliser des contenus numériques. De même qu il existe des rampes d accès aux bâtiments pour éviter les escaliers, les méthodes et techniques de l accessibilité numérique donnent des moyens de contournement des obstacles aux services en ligne. Celles-ci répondnt à la définition de l'internet donnée par Tim Berners-Lee, directeur du W3C (World Wide Web Consortium) et l'un des inventeurs du web : «Mettre le Web et ses services à la disposition de tous les individus, quel que 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. Concevoir dans le cadre du "design for all" ("conception pour tous"), c'est anticiper sur les usages, répondre à une logique de développement durable et surtout, utiliser la technologie dans le respect des individualités.» 4
5 PARTIE 1 ETAT DES LI EUX QU EST-CE QU UN HANDICAP? CHIFFRES CLÉS HISTORIQUE DE L ACCESSIBILITÉ WEB CE QUE DIT LA LOI FRANÇAISE A TRAVERS LE MONDE ZOOM SUR LA WEB ACCESSIBILITY INITIATIVE 5
6 ETAT DES LI EUX QU EST-CE QU UN HANDICAP? La classification internationale des handicaps (CIH) établie par l'oms en 1980, remplacée en 2001 par la classification internationale du fonctionnement, du handicap et de la santé (CIF) distingue différents types de handicap : les déficiences les limitations d'activité les restrictions de participation Selon la loi française pour l égalité des chances du 11 février 2005, constitue un handicap : «[ ] toute limitation d'activité ou restriction de participation à la vie en société subie dans son environnement par une personne en raison d'une altération substantielle, durable ou définitive d'une ou plusieurs fonctions physiques, sensorielles, mentales, cognitives ou psychiques, d'un polyhandicap ou d'un trouble de santé invalidant.» Population Population 1 : des incapacités isolées et mineures Population 2 : des incapacités diffuses non repérées Population 3 : des modes de reconnaissance aux critères disparates Population 4 : les personnes âgées dépendantes Population 5 : le noyau dur du handicap Population 6 : les personnes présentant des déficiences intellectuelles ou mentales Population 7 : des maladies limitantes Caractérisation des " 7 populations handicapées" Effectif (en milliers) Caractérisation Personnes qui ne déclarent qu'une ou plusieurs incapacité(s) sans restriction d'activité ni reconnaissance administrative Personnes qui ne déclarent qu'une limitation d'activité, sans incapacité ni reconnaissance administrative Personnes qui déclarent une reconnaissance d'un taux d'invalidité ou d'incapacité, sans incapacité ni limitation Personnes qui déclarent une ou plusieurs incapacité(s) et une restriction de leurs activité, sans reconnaissance administrative Personnes qui déclarent à la fois une ou plusieurs incapacité(s), une limitation des activités et une reconnaissance d'un taux d'incapacité ou d'invalidité Personnes qui déclarent une ou plusieurs incapacité(s), avec reconnaissance d'un taux d'invalidité mais sans limitation Personnes qui déclarent une limitation avec reconnaissance d'un taux d'invalidité ou d'incapacité, sans incapacité Tableau issu du document Le handicap en chiffres, février 2004, Centre technique national études et recherches (CTNERHI). 6
7 CHIFFRES CLÉS Les chiffres concernant le handicap en France varient selon la définition donnée à ce terme et la source des données. Les chiffres les plus couramment utilisés sont ceux issus de l'enquête Handicap, incapacités, dépendance (HID) réalisée par l'insee, entre 1998 et Nombre d handicapés dans le monde 500 millions dans le monde 15% en Europe 12 millions France 12,8 millions de personnes âgés +25% de personnes handicapées en 1 an en France 8% d internautes français handicapés Terrain de recherche Répartition de la population française handicapée selon le type de déficience Déficients visuels Déficients auditifs Déficients moteurs Déficients mentaux Source : Enquête HID de l Insee Handicap visuel 1,7 million de personnes souffrent d'une déficience visuelle. 61 % ont plus de 60 ans ; environ sont atteints de cécité totale ; 15 % des aveugles ont appris le braille ; moins de 1 % des déficients visuels (8 000 personnes environ) se servent d une assistance technique telle que reconnaissance vocale, écran tactile, synthèse vocale, pour utiliser un ordinateur (voir chapitre II). 7
8 Handicap auditif 5,18 millions de personnes souffrent d'une déficience auditive dont : personnes d une déficience auditive profonde ou totale Moins de 1 % des déficients auditifs (44 000) déclarent utiliser la langue des signes (8 % chez les personnes ayant une déficience auditive profonde ou totale). Handicap moteur Les déficiences motrices concernent environ personnes, soit 4 % de la population française. Elles sont isolées ou prédominantes pour environ individus : 1,5 % de la population générale est donc considérée "handicapé moteur". Handicap intellectuel Environ personnes souffrent de handicaps intellectuels (difficultés d'apprentissage, troubles du langage, retards mentaux). 2,5 millions d handinautes et moi et moi et moi L enquête HID dénombre environ 12 millions d handicapés en France (soit 18% de la population). Bien évidemment, tous n utilisent pas internet. Certaines études (mentionnées en annexe de ce document) avancent le chiffre de 2,5 millions «d handinautes», soit 8% des 35,3 millions d internautes français. Cela peut paraître ridicule, mais c est sans compter sur l inexorable vieillissement de la population. En effet, les seniors (de plus en plus technophiles) représentent un marché potentiel considérable. 8
9 IL ÉTAIT UNE FOIS L ACCESSIBILITÉ WEB Tim Berners Lee, le papa du web L ingénieur britannique Tim Berners Lee est à l origine de l infrastructure fondamentale d Internet : le fameux www. Il met également au point le HTML, code de base pour concevoir des pages web et naviguer de l une à l autre via des liens hypertextes. Jusqu à 1997, les premières versions d HTML ne sont pas adaptées aux outils d assistance tels que les lecteurs d écran, les synthèses vocales ou les plages Braille permettant aux non-voyants d utiliser des ordinateurs. Et Tim créa le W3C Face à l essor fulgurant du web, la normalisation des technologies s impose. Tim Berners Lee dirige le World Wild Web Consortium (W3C), organisme international de régulation qu il a crée en Sa vocation : instaurer les standards du web, notamment en matière d accessibilité avec le WAI( voir p.13). Anobli par la reine Elizabeth II en 2004 et membre depuis 2009 de l Académie des Sciences des Etats-Unis, Sir Tim Berners Lee oeuvre aussi pour le gouvernement britannique. En janvier 2010, il lance data.gov.uk, un site gouvernemental mettant des données du secteur public anglais à la disposition de tous les internautes. Presque 20 ans se sont écoulés entre les débuts de l accessibilité web et l obligation légale pour les sites publics français de se conformer aux normes internationales du W3C. Combien de temps d ici à la prise en compte systématique des internautes handicapés sur tous les sites internet (ecommerce, presse, paris en ligne )? Cette chronologie retrace l histoire de l accessibilité et des standards du web de 1991 à nos jours. Elle montre comment ingénieurs, organismes de régulation, associations, entreprises privées spécialisées et gouvernements coopèrent pour construire et formaliser peu à peu l e-accessibilité. Les années 90 : naissance d Internet donc de l accessibilité web 1991 : Tim Berners-Lee invente le web et le HTML 1994 : création du W3C, organisme mondial régulateur du web fondé et dirigé par Tim Berners-Lee 1996 : début de la Web Accessibility Initiative du W3C (WAI, voir p.13) 1996 (bis) : invention des feuilles de styles CSS par William Tunnicliffe, un langage permettant la séparation du fond et de la forme des pages web 1997, France : création de l association BrailleNet Août 1998, USA : le Congrès vote un amendement à la section 508 du Rehabilitation Act obligeant les instances publiques à respecter des principes de base d accessibilité web établies par le W3V Mai 1999 : première version des Web Content Accessibility Guidelines (WCAG 1.0) : vers une banalisation de l accessibilité web? : tentatives de généralisation des normes WAI à l échelle européenne Janvier 2004 : rapport Perben sur l accessibilté web et propositions de réforme 2004 : sortie du Référentiel d Accessibilité BrailleNet/AccessiWeb 9
10 En mai dernier à l occasion du Gov 2.0 Expo 2010 à Washington, celui que l on surnomme le père d Internet illustrait l évolution du web sémantique avec un paquet de chips : un bel exemple de storytelling! Nouvelles balises vidéo, fin du Flash, interopérabilité facilitée Selon les professionnels de l accessibilité web, le très attendu HTML5 s annonce prometteur : une mise en application laborieuse Février 2005, France : loi sur l égalité des chances impose l accessibilité des sites web publics Juin 2005 : appel à contribution de la WAI pour la v2 des WCAG 2007, USA : l AFB lance The HelenTM Project, un validateur collaboratif Octobre 2007, France : Handicap Zéro édite un annuaire des sites accessibles Octobre 2007, France (bis) : publication du Référentiel Général d Accesibilité pour les Administrations Mai 2008, France : pétition des professionnels et associations du secteur pour accélérer la publication du décret sur l accessibilité Juin 2008: sortie du référentiel AccessiWeb 1.1 Mars 2009 : AccessiWeb publie un document sur l accessibilité des PDF Mai 2009 : (houra) publication du décret d application sur l accessibilité web Juillet 2009 : sortie du Référentiel AccessiWeb CMS 1.0 de BrailleNet Décembre 2009 : Mise à jour du référentiel AccessiWeb (version 2.0) Les années 2010 : à suivre Mars 2010 : BrailleNet devient membre officiel du W3C Juin 2010 : mise à jour du référentiel AccessiWeb (version 2.1)??? : sortie du HTML 5 CE QUE DIT LA LOI FRANÇAISE RGAA : Référentiel Général d Accessibilité pour les Administrations DGME : Direction Générale de la Modernisation de l Etat Article 47 «Les services de communication publique en ligne des services de l Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées» Extrait de la Loi n du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées. Ainsi donc, selon la loi française, les sites internet, intranet et extranet des services publics doivent, depuis le décret d application du 14 mai 2009 : Appliquer les recommandations internationales en se basant sur le référentiel RGAA de la DGME Achever cette mise en conformité d ici 2012 Former le personnel impliqué dans ces projets 10
11 L ACCESSIBILITÉ WEB À TRAVERS LE MONDE : DES POLITIQUES DIVERSES Si la plupart des pays du Nord s accordent pour reconnaître l enjeu social et économique de l accessibilité web, tous ne mettent pas les mêmes moyens pour la banaliser. Ainsi, tandis que certains comme l Angleterre (pays natal de Tim Berners Lee) sanctionnent même les entreprises privées, la France se contente de mettre sur liste noire les sites publics qui ne respecteraient pas la loi mise (si tardivement) en vigueur. Quant aux Etats-Unis, les entreprises ont dû s adapter à la manie procédurière des consommateurs. Tour du monde des législations sur l accessibilité numérique. A l échelle mondiale, l'article 9 de la Convention relative aux droits des personnes handicapées (ONU) stipule : «Afin de permettre aux personnes handicapées de vivre de façon indépendante et de participer pleinement à tous les aspects de la vie, les États Parties prennent des mesures appropriées pour leur assurer, sur la base de l égalité avec les autres, l accès à l environnement physique, aux transports, à l information et à la communication, y compris aux systèmes et technologies de l information et de la communication [...].» 11
12 A l échelle Européenne, le Parlement de l Union a voté en 2002 une résolution créant une marque d e-accessibilité conforme aux standards internationaux. En Angleterre et en Espagne, la loi oblige sous peine d amende les entreprises de plus de 100 salariés et réalisant un chiffre d'affaires supérieur à 6 millions d'euros à mettre leur site web en conformité avec les normes WAI- W3C. Un texte de loi équivalent est à l'étude en Allemagne. Lors des JO de Sydney en 2000, l organisation australienne a payé $ de dommages et intérêts à un internaute aveugle pour site non accessible. Aux États-Unis, suite aux procès intentés (et gagnés) par des internautes contre AmericaOnline, Southwest Airlines et les magasins Target.com pour "refus de vente", la plupart des très grosses entreprises américaines ont initié une démarche d'accessibilisation de leurs contenus numériques. Au Canada, la "Loi sur la gestion des finances publiques" oblige depuis 2000 tout site relevant des finances publiques à proposer un site accessible de niveau WAI-A au minimum (cf. 13). Bien sûr cette énumération de dispositions juridiques n est pas exhaustive. Belgique, Luxemburg, Pays Bas, Nouvelle-Zélande, Inde Sur tous les continents, pays industrialisés comme en voie de développement ont conscience des impacts de l accessibilité web. 12
13 ZOOM SUR LA WEB ACCESSIBILITY INITIATIVE (WAI) La WAI réunit plus de 500 membres à travers le monde dont des représentants : des personnes handicapées de l industrie du monde de la recherche de gouvernements Créée en 1996, la Web Accessibility Initiative (WAI) est un groupe de travail du W3C dédié à l accessibilité des sites internet pour tous. Missions de la WAI Etablir les normes techniques facilitant l accès des personnes handicapées et des seniors aux contenus web Vérifier que les technologies web soient accessibles aux internautes ayant une déficience physique ou mentale Formuler des recommandations pour les contenus web, les agents utilisateurs (navigateurs web, outils d assistance) et les logiciels de conception Faciliter l audit et la mise en conformité aux normes d accessibilité Mener des formations et de travaux de recherche en accessibilité Prospecter les techniques émergentes d accessibilité via la R&D Les directives de la WAI en matière d accessibilité web En 1999, la WAI publie la première version des Web Content Accessibility Guidelines (WCAG 1.0), une liste de recommandations pour concevoir des sites web accessibles. Une mise à jour a été faite en juin 2009 (WCAG 2.0). Véritable référence à l international, les WCAG attribuent 3 niveaux de conformité : Les niveaux d accessibilité WCAG 2.0 Niveau Objectif Faisabilité Exemple A Atteindre un niveau d accessibilité minimum Critères de succès essentiels pouvant raisonnablement s appliquer à l ensemble des ressources Web La couleur n est pas l unique moyen visuel de véhiculer l information. AA Perfectionnez le niveau d Accessibilité Critères de succès supplémentaires pouvant raisonnablement s appliquer à l ensemble des ressources Web Les textes de petite taille ont un ratio de contraste au moins identique à 5 AAA Atteindre un niveau supérieur d accessibilité Critères de succès ne s appliquant pas à l ensemble des ressources Web. Les textes de petite taille ont un ratio de contraste au moins identique à 7 13
14 PARTIE 2 COMMENT SURFENT LES HANDI NAUTES? NAVIGUER AVEC UN HANDICAP VISUEL NAVIGUER AVEC UN HANDICAP AUDITIF NAVIGUER AVEC UN HANDICAP MOTEUR NAVIGUER AVEC UN HANDICAP COGNITIF Illustré par des cas utilisateurs de l agence Intuiti Nantes 14
15 TROUBLES VI SUELS Daltonisme, DMLA, cécité Près de 2 millions de Français seraient atteints de troubles visuels plus ou moins graves, dont plus de complètement aveugles. Autant d internautes potentiels désireux d accéder aux richesses du web en toute autonomie. Comment rendre accessible aux mal-voyants un media aussi visuel qu internet? Tour d horizon des modalités d usage du web par les déficients visuels. ZOOMS ET AMPLIFICATEURS DE CONTRASTES Cas utilisateur issu d une présentation de l agence Intuiti Nantes Ronan est mal-voyant et gère le standard téléphonique d un service de transport à la demande de l agglomération nantaise. Sa vision périphérique est réduite Il distingue mal les formes et les couleurs Pour exercer son métier, il a biensûr besoin d un poste informatique. Au quotidien Ronan dispose donc de : Hardware Clavier avec touches grossies et incurvées pour faciliter la lecture et la position des doigts Software Les systèmes d exploitation Windows et Mac sont nativement dotés d options d accessibilité. Elles permettent notamment de personnaliser l affichage de l interface : Agrandissement du texte Réglage des contrastes Sous Windows Sous Mac Plus que de simples gadgets, la présence de ces paramètres d accessibilité par défaut témoigne de la volonté des constructeurs de ne négliger aucun utilisateur (consommateur). Cet engagement en faveur de l accessibilité leur donne une dimension plus «humaine», voire «éthique» favorable à leur image de marque (voir chapitre III, Les avantages de l accessibilité web). 15
16 MÉMORISATION DU CLAVIER Cas utilisateur issu d une présentation de l agence Intuiti Nantes David est aveugle. Titulaire d un bac +4 et après avoir fait Sciences Po, il recherche un emploi depuis plusieurs années. Internaute averti, il gère luimême le site internet de son association, communique par et utilise fréquemment des logiciels de traitement de texte. Pour toutes ces activités, David utilise : Hardware Un clavier ordinaire pour transmettre l information à son ordinateur Software Un lecteur d écran qui suit et commente toutes les actions exécutées par l ordinateur Une plage braille qui «dicte à ses doigts» ce qui apparaît à l écran Pour les personnes atteintes de cécité totale, la souris n est d aucune utilité. Le clavier devient le principal instrument de navigation. Afin de diminuer la charge mentale, certains constructeurs ont adapté le clavier classique en clavier braille à 6 touches. Pour les aveugles habitués au clavier AZERTY ou QWERTY traditionnel, des repères en relief sont placés sur certaines touches afin d accéder plus vite aux touches stratégiques (entrée, barre d espace, etc ). RETRANSCRIPTION TACTILE DU TEXTE SUR PLAGE BRAILLE Couplée à un lecteur d écran (ou screen reader), la plage braille permet aux internautes aveugles de percevoir du bout des doigts le contenu d un écran d ordinateur. Ce dispositif très cher (plus de 5000 ) retranscrit à l aide de picots rétractables entre 40 et 80 caractères par ligne. 16
17 En 1997, le groupe Radiohead a «fait chanter» la synthèse vocale intégrée d Apple dans la chanson Fitter Happer (album OK Computer) RESTITUTION AUDITIVE PAR SYNTHÈSE VOCALE Les outils de synthèse vocale (aussi appelés text to speech) transforment les textes affichés sur écran en sons prononcés par une voix artificielle. Des solutions coûteuses (environ ) qui demandent un effort d attention très soutenu car les voix robotisées sont souvent désagréables. De plus, la prise en main s avère assez ardue du fait de la diversité des raccourcis clavier. Parmi les références du marché : Jaws, édité par Freedom Scientific et Microsoft (le plus utilisé par les nonvoyants) Windows-Eyes, édité par GW Micro VoiceOver, la synthèse vocale intégrée d Apple Narrator, la synthèse vocale intégrée à Windows depuis 2000 NonVisual Desktop Access (NVDA), un lecteur vocal gratuit et open source Web Anywhere, le lecteur vocal en ligne et gratuit de l université de Washington Des simulateurs de déficiences visuelles pour mieux appréhender les contraintes des mal-voyants Pour un aperçu des difficultés rencontrées par les mal-voyants, des applications simulent la vue d un internaute myope, daltonien ou encore souffrant de DMLA : Vischeck WebAIM Low Vision Simulation Color Vision Les navigateurs en mode texte tels que Lynx ou encore BrailleSurf ignorent images et animations. S ils sont de moins en moins utilisés par les nonvoyants, ils permettent aux webmasters de comprendre comment un aveugle perçoit un site internet. En effet, ces navigateurs montrent les pages telles que lues par les synthèses vocales ou les robots de moteurs de recherche (Google préconise d ailleurs d utiliser Lynx pour optimiser son référencement naturel). Les navigateurs en mode de texte s avèrent pratiques pour faire des tests d accessibilité en phase de conception d un site web. 17
18 TROUBLES AUDI TI FS Il ne suffit pas de couper le son des enceintes de son ordinateur pour comprendre comment navigue un sourd sur internet. La problématique d accessibilité des sites internet pour ces utilisateurs va au-delà de la restitution des sons. Les concepteurs web doivent en effet tenir compte d un paramètre important chez les sourds de naissance : l illettrisme, qui touche 80% d entre eux. Concevoir un site web adapté aux sourds requiert donc un traitement particulier des vidéos mais aussi des textes. LA LSF : UNE GRAMMAIRE ET UNE SYNTAXE SIMPLIFIÉES Les premières études universitaires sur le sujet (Thompson, 1936 ; Heider et Heider, 1940 et 1941 ; Reay, 1946 ; Walter, 1955 ; Myklebust, 1964 ; Schulze, 1965 ; Perry, 1968 ; Marshall et Quigley, 1970 ; Power, 1971) montrent que les sourds utilisent un lexique limité, une grammaire simplifiée et tronquée et commettent de nombreuses erreurs de syntaxe. Des conclusions toujours d actualité aujourd hui, comme l illustre ce témoignage d utilisatrice datant d avril 2010 sur le site websourd.org. Sur websourd.org, les utilisateurs peuvent donner leur avis pour améliorer le le site. Ici, une utilisatrice attire l attention des concepteurs sur un aspect d ergonomie web pure. Sa remarque vaut pour n importe quel internaute. En effet, elle déplore le le fait que les liens visités de la la rubrique Info ne se distinguent pas des autres, ce qui la la désoriente. Elle prend pour exemple la la page de résultats Google :: les liens de titre sont en bleu puis deviennent violets une fois visités. Elle a pris soin de s exprimer en langue des signe et et à l écrit pour être comprise par le le plus grand nombre. 18
19 En fait, le français tel que nous l écrivons est une sorte de 2 ème langue pour les sourds : même si les mots sont identiques, la construction syntaxique est différente. La Langue des Signes Française (LSF) fonctionne avec des phrases simples souvent non conjuguées. Par exemple, dire «J écris sur Internet» peut se dire en LSF «Moi», «écrire» (sur) «Internet». De ce fait, lire des textes en français peu paraître difficile pour un sourd. Or, le support Internet, comme le support papier, est un média écrit, complètement différent du mode de communication des sourds qui est entièrement visuel. Par ailleurs, la population sourde est divisée en plusieurs catégories : les sourds ne parlant que la LSF les sourds ne parlant pas la LSF les sourds illettrées ne parlant pas la LSF Pour couvrir l accessibilité sur ce handicap, il est donc nécessaire de fournir 2 alternatives aux contenus sur Internet, une traduction en LSF une retranscription textuelle des vidéos (sous-titres) Comme le fait la chaîne de télévision publique France 2 lors des retransmissions des débats de l Assemblée Nationale. Menus, articles, vidéos Le site websourd.org est entièrement traduit en LSF (ce qui est visuellement «mouvementé» lors du chargement des pages ) 19
20 TROUBLES MOTEURS Encore une fois, chacun peu être en situation de handicap moteur : à la suite d un accident vasculaire cérébral (AVC) ou d un accident de la route par exemple. Pour ces internautes aux capacités motrices limitées, des alternatives existent. Celle-ci sont principalement matérielles, mais il convient également d adapter les interfaces. DES DÉFICIENCES MOTRICES TRÈS VARIÉES De nombreux handicaps physiques peuvent affecter les membres supérieurs. Ces incapacités peuvent être plus ou moins prononcées : - manque de dextérité dû à des tremblements (maladie de parkinson) - mouvements involontaires (tics) - paralysie partielle (hémiplégie) - paralysie totale (locked in syndrôme) Concrètement sur internet, cela se traduit pas des difficultés à «viser» une zone cliquable, déplacer le curseur, enfoncer 2 touches à la fois ou maintenir un l appui. LES ASSISTANCES TECHNIQUES ASSOCIÉES Cet utilisateur est paraplégique. Il ne peut pas utiliser de souris, ni saisir du texte sur un clavier traditionnel. Il dispose donc d un clavier spécial avec dispositif de pointage magnétique. Windows met également a disposition un clavier visuel accessible de puis Programme > Accessoires > Options d accessbilité ( ou d ergonomie sous Vista) Pour les cas les plus extrêmes, il existe des périphériques d entrée de substitution capables d interpréter le mouvement d une partie du corps comme le hochement de tête, un battement de cils, l ouverture de la bouche ou le rythme respiratoire. Par ailleurs, des logiciels de guidage vocal font leur apparition mais les progrès à faire dans ce domaine restent importants. 20
21 TROUBLES COGNI TI FS Les internautes peuvent être sujets à des troubles cognitifs d intensité plus ou moins forte : dyslexie troubles de la mémoire manque de concentration ou d attention épilepsie faible quotient intellectuel Par ailleurs, la maîtrise de l informatique est loin d être une évidence pour tous. Pour que l outil reste intuitif, il convient donc d en faciliter l apprentissage par les personnes plus lentes comme les seniors. Cela s apparente typiquement à de l ergonomie d interface. Rendre un site cognitivement accessible revient donc à respecter les mécanismes de perception et de compréhension. LES THÉORIES DE LA COMPRÉHENSION En allemand, Gestalt signifie «forme». Les théories de la Gestalt (ou psychologie de la forme) Au début du XXème siècle, les chercheurs de l école de Berlin (Wertheimer, Koffka, Köhler, Lewin) mettent au point une théorie selon laquelle notre cerveau analyse le monde comme un ensemble de formes. Pour la conception d interfaces web, on retiendra principalement 2 les lois de ce courant de pensée: 1) La loi de proximité : notre cerveau a tendance à regrouper les choses physiquement proches. C est pourquoi nous percevons ici 2 groupes distincts de cercles. Où cocher? Sur le site voyages-sncf.com, le non respect de loi de proximité, entrave l attribution du bouton à cocher à chaque carte. Le simple fait d espacer les cartes facilite le choix (charge mentale moindre pour distinguer les groupes). 21
22 2) La loi de similarité (ou de similitude) : notre cerveau regroupe les choses qui se ressemblent. Sur la boutique en ligne d Apple, le changement de couleur au survol du bouton de sélection confirme le choix de l internaute. Il y a 2 types de ronds : des petits et des grands Il y a 2 types de formes : des carrées et des ronds Il y a 2 types de ronds : des rouges et des noirs Je sélectionne l ipod mauve : le bouton devient mauve. Je sélectionne l ipod orange : le bouton devient orange. Cette principe de réassurance (renforcé par le choix des pochettes d album) exploite la loi de similarité par couleur. La loi de Fitts Proposée en 1954 par Paul Fitts dans le but d améliorer les cockpits d avion, La loi de Fitts énonce qu une cible est d autant plus rapide à atteindre qu elle est grande et proche. D après la loi de Fitts, il est plus intuitif de cliquer sur «suivant» pour passer à la page 3 que sur le chiffre 3 ou le 3 ème O de Google. En effet, la zone à cliquer est plus grande donc plus facile à «viser». 22
23 Selon la loi de Fitts, le bouton de validation d Amazon est situé de sorte que l internaute soit obligé de passer les yeux sur le récapitulatif de commande. La notion d affordance Inventée dans les années 70 par James J. Gibson puis popularisé par Donald Norman dans l ouvrage de référence Psychology of everyday things, le concept d affordance désigne les indices que peut avoir un objet pour autosuggérer sa fonction et son mode d utilisation. Sur le web, cela s applique surtout aux éléments cliquables et aux formulaires à remplir. Sur la boutique en ligne pour enfants Vertbaudet.fr, les champs de recherche et d inscription sont pré-remplis. Cette tentative d accompagnement s avère en fait contre performante car elle charge inutilement l interface en texte. Un champ vide a visuellement plus d impact. Par ailleurs encadré par une phrase d instruction et bouton de validation, il suffit amplement à l internaute pour comprend qu il faut le remplir. Le 7 +/- 2 de Miller et la loi de Hick-Hyman Bien connu, le nombre magique de Miller affirme dès 1956 que la mémoire de travail d un individu est limitée à 7 +/- 2 items. Au delà, il devient difficile de retenir. En conception web, cela ne signifie pas qu un menu doit contenir 7 catégories au maximum. En effet, l utilisateur n est pas sensé mémorisé quoi que ce soit. Sur internet, il est plus approprié de se référer à la loi de Hick- Hyman selon laquelle il est plus facile de faire un choix parmi un nombre limité d alternatives (cf. On the rate of gain information, 1952) 23
24 Le processus d agrégation (ou chunking) Le terme chunking désigne le princpe mnémotechnique selon lequel il est plus facile de retenir des groupes logiques d éléments plutôt qu une suite continue Exemple 1 Il est plus difficile de mémoriser que (l idéal étant : selon les recherches du spécialiste britanique en mnésique Alan Baddeley). Exemple 2 Il est plus difficile de retenir : rose, pain, ballon, pellican, pomme, bleu, marelle, chocolat, jaune, baleine, corde à sauter, Que : Rose Pain Ballon Chien Bleu Pomme Corde à sauter Baleine Jaune Chocolat Marelle Pellican Ce principe d agrégation est pour la 1 ère fois mentionné dans le célèbre article de George Miller The Magic Number Seven, Plus or Minus Two : Some Limits on our Capacity for Processing Information (1956). La loi de l effort minimum et concept de «déductive satisfacers» Lorsque nous lisons, nous avons inconsciemment tendance à réduire la charge cognitive en cherchant ce qui est pertinent, c est-à-dire en adéquation avec nos croyances. En 1986, les chercheurs Dan Sperber et Deirdre Wilson donnent cette définition pragmatique de la pertinence : «Qu est-ce que la pertinence? Le traitement de l information, par les êtres humains demande un certain effort mental et produit en eux un certain effet cognitif. L effort demandé est un certain effort d attention, de mémoire et de raisonnement. L effet produit consiste à une certaine modification des croyances de l individu : l addition de nouvelles croyances, l élimination de croyances antérieures ou simplement un affaiblissement ou un renforcement des croyances antérieures.». Ils en déduisent 2 règles : 1)Plus l effet cognitif produit par l information sur le destinataire est grand, plus elle sera pertinente pour lui. 2)Plus l information demande un effort de traitement, moins elle sera pertinente. 24
25 De la même manière, Philip Johnson-Laird met en évidence la fainéantise des lecteurs dans La théorie des modèles mentaux : «Les sujets qui parviennent à une conclusion putative qui coïncide avec leurs croyances auront tendance à arrêter de rechercher des modèles alternatifs qui pourraient réfuter leur conclusion : les gens sont des deductives satisfacers» QUELQUES EXEMPLES DE SITES CONÇUS POUR LES HANDICAPÉS MENTAUX Ce site a été conçu et développé par 4 étudiantes de la promotion de la formation concepteur-réalisateur multimedia de l école des Gobelins Rares encore sont les sites à prendre en considération le handicap mental. Il met l accent sur des pictogrammes simplifiés, une taille de caractère agrandie et un code couleur distinct pour chaque rubrique. Icant.co.uk/Esay-youtube. Le développeur Yahoo Christian Heilmann a crée cette interface simplifiée du célèbre site de partage de vidéos Youtube. Il limite les distractions au maximum pour faciliter l usage aux internautes ayant des troubles de l apprentissage. 25
26 La mairie de Montréal fait figure de pionnier avec la mise en ligne d une version simplifiée destinée aux déficients intellectuels. Page d accueil standard du site ville.montreal.qc.ca Page d accueil simplifiée du site ville.montreal.qc.ca Le site a été réalisé par le groupe DEFI Apprentissage de l université de Montréal, un groupe de chercheurs en psychologie et andragogie de la Faculté des sciences de l éducation. Il propose une version allégée en texte ainsi qu une version en ortograf altêrnativ (alphabet phonétique simplifié à l extrême). 26
27 PARTIE 3 CONCEVOIR DES SITES ACCESSI BLES EVALUER L EXISTANT : BOÎTEÀ OUTILS PRINCIPALES BONNES PRATIQUES QUELS AVANTAGES? 27
28 EVALUER L EXI STANT Avant de mettre en place un plan d action d optimisation de site, il convient d établir un état des lieux de son accessibilité. Pour ce faire, de nombreuses agences spécialisées (comme Atalan, Témésis ou encore Ideose) proposent de faire un audit pour évaluer la conformité du site au regard des recommandation s internationales du W3C (WCAG 2.0). QUAND FAIRE UN AUDIT D ACCESSIBILITÉ? L audit d accessibilité peut être réalisé à différents moments du cycle de vie du projet : C est le moment idéal car plus tôt les anomalies sont décelées, moins chères elles reviennent à corriger. En phase de conception L audit de prototypes garantit la prise en compte des contraintes d accessibilité en amont du projet. En phase de recettage Pour vérifier et attester que le site est bien conforme au référentiel voulu (WCAG, AccessiWeb, ou RGAA). Combien ça coûte? Pour ce genre de prestation, les tarifs pratiqués sont au bon vouloir des agences (ou des consultants indépendants). Le prix d un audit dépend notamment du niveau de conformité visé, du nombre de pages étudiées, du référentiel choisi. D expérience, compter pas moins de 700 /jour pour au moins 5 jours de travail. En phase de pré-labellisation Pour maximiser les chances d obtention de la certification AccessiWeb et apporter un gage supplémentaire. COMMENT AUDITER L ACCESSIBILITÉ D UN SITE WEB? Extensions Firefox, vérificateurs open source OpQuast, validateur officiel du W3C... De nombreux outils existent pour accélérer la vérification d un site web. Toutefois, ils ne dispensent pas des observations humaines. En attendant une utopique automatisation de cette tâche, celle-ci s effectue en 5 temps : Choix du référentiel d évaluation et du nouveau de conformité visé (Bronze /A, Argent/AA, ou Or/AAA). Choix de pages représentatives à analyser (soit généralement la page d accueil, 1 page de rubrique, 1 page de contenu, 1 page de formulaire) Inspection systématique des pages au regard du référentiel choisi Test sur plusieurs navigateurs web et lecteurs d écran Rédaction d un rapport de synthèse avec préconisations et niveaux de priorité 28
29 APPLIQUER LES BONNES PRATI QUES Le référentiel AccessiWeb élaboré à partir des recommandations du W3C propose une grille de plus de 130 critères. Voici une synthèse les principes fondamentaux à respecter pour garantir l accessibilité d un site internet au maximum d internautes. Il est d ailleurs intéressant de constater que beaucoup font échos aux préconisations de Google pour le référencement, avec toutefois quelques nuances. PERCEPTIBLE préconise également de fournir une description textuelle dans le code source grâce à l attribut ALT. Pour un référencement naturel optimal, l idéal est de nommer l image avec des mots-clés descriptifs. Exemple : photo-jean-dupond.jpg au lieu de DSC00012.jpg L information et les composants de l interface doivent être présentés aux utilisateurs de façon à ce qu ils puissent la percevoir. Ce la consiste notamment à : séparer le fond de la forme avec des styles CSS. Cela implique que la couleur e doit pas être l unique moyen de véhiculer une information. proposer des contenus pouvant être perçus de différentes manières (par exemple en désactivant la mise en page CSS) sans perte d information ni de structure. Les textes doivent donc être encadrés avec les balises sémantiques appropriées (h1, h2 ), avoir un contraste suffisant et être redimensionnables sans que cela ne «casse» la mise en page du site. fournir une alternative textuelle à tous les contenus multimédias porteurs d informations utiles (légende pour images, transcripts pour les vidéos et les sons). Autrement dit, les visuels purement illustratifs n ont pas à fournir d attribut <alt>. INTEROPÉRABLE Outre les conditions d adaptabilité et la distinction contenu / mise en page évoquées ci-dessus, un site accessible se doit d être utilisable quelque soit les moyens : Proposer une navigation par raccourcis clavier Présenter une compatibilité maximum avec les actuels et futurs agents utilisateurs, notamment les assistance techniques. 29
30 FONCTIONNEL Pour être accessible, un site doit remplir les conditions de fonctionnalités spécifiques : Faciliter l orientation de l internaute en lui permettant de savoir à chaque instant où il se trouve (titres de page, fil d Arianne) et où il va (liens aux libellés prédictifs) Donner aux utilisateurs assez de temps pour lire et utiliser un contenu, en mettant à disposition des boutons Lecture / Pause pour les vidéos ou conserver les données saisies même en cas d expiration d une session d identification. Eviter les contenus faisant brutalement irruption (pop-up) ou présentant plus de 3 flash par seconde (pour éviter les interférences à l attention et les effets de saissement). INTELLIGIBLE L information et les actions à effectuer doivent être faciles à comprendre pour les utilisateurs. Cela grâce à ces principes de base : Les acronymes doivent être explicités Si le site emploie un jargon particulier, les définitions doivent être accessibles depuis un glossaire Le principe de navigation doit être cohérent sur l ensemble des pages du site L interface doit prévenir les erreurs de manipulation En cas d erreur, l interface explique la cause et propose une solution Une langue doit être attribuée dans le code source de chaque page 30
31 AVANTAGES DES SITES ACCESSI BLES Concevoir un site accessible présente des avantages directs pour l ensemble des parties prenantes du projet. C est en premier lieu un véritable confort pour les utilisateurs, mais aussi un avantage concurrentiel pour les entreprises ainsi qu une démarche valorisante pour les équipes opérationnelles. MEILLEURE VISIBILITÉ DANS LES MOTEURS ET HAUSSE DU TRAFIC Les crawlers sont les robots d indexation des moteurs des recherche. Ils «lisent» le site et le classe en fonction de la richesse de ses contenus et de sa popularité (présence de liens externes pointant vers lui). Business Cases relevés par le WAI Le fait de concevoir un site conforme aux standards du W3C/WAI assure sa meilleure prise en compte par les crawlers des moteurs de recherche. En effet, l un des principaux critères d accessibilité web est la mise a disposition d alternatives textuelles lisibles par les lecteurs vocaux. Les mots étant la matière première du référencement naturel, l accessibilité web constitue donc un véritable booster SEO (Search Engine Optimization). Les annonceurs s étant engagés dans une démarche d accessibilité web ont d ailleurs pu constater de nettes améliorations des performances de leur site en terme de fréquentation et de retours sur investissement. CNET En 2009, le magazine informatique en ligne CNET a observé une augmentation de 30% des visites sur son site suite à la retranscription des vidéos en version HTML. Tesco (supermarché britannique) Pour un investissement de , le site des supermarchés britanniques Tesco engrange près de 16 millions d de chiffres d affaires par an. Legal & General Group En 2007, le site du prestataire de services financiers a vu son nombre de visiteurs doubler, a amélioré le trafic issu des moteurs de recherche de +50% et diminué de 2/3 ses coûts de maintenance. Très en vogue, la démarche Responsabilité Sociétale et Environnementale (RSE) incite les entreprise a mener des actions concrètes en faveur du développement durable (préservation de la planète mais aussi de intégration sociale). IMAGE DE MARQUE ET MOTIVATION EN INTERNE Un site reconnu accessible procure l image d une entreprise responsable et humaine. Il renforce sa crédibilité et s inscrit dans la continuité d un engagement RSE (Responsabilité Sociétale et Environnementale). 31
Pour un web accessible Convaincre tous les acteurs du web Jean-Marc Bassin Paris Web 14 novembre 2008
Pour un web accessible Convaincre tous les acteurs du web Jean-Marc Bassin Paris Web 14 novembre 2008 Sommaire 1 2 3 L accessibilité pourquoi? Convaincre les différents acteurs Questions réponses 2 Paris
Plus en détailLes Ateliers Info Tonic
Les Ateliers Info Tonic L accessibilité des sites web : mettre le web à disposition de tous Mardi 12 mars 2013 1 L'accessibilité des sites : mettre le web à disposition de tous Sébastien Huillet Expert
Plus en détailMieux connaître les publics en situation de handicap
Mieux connaître les publics en situation de handicap Plus de 40 % des Français déclarent souffrir d une déficience 80 Comment définit-on le handicap? au moins une fois au cours de leur vie et 10 % indiquent
Plus en détailParamètres d accessibilité des systèmes d exploitation Windows et Mac
Paramètres d accessibilité des systèmes d exploitation Windows et Mac Hôpital Raymond Poincaré 104, Bd Raymond Poincaré 92380 Garches GB Consulting 242 rue du Faubourg de Roubaix 59800 Lille Samuel POUPLIN
Plus en détailUne création Socrates www.socratesonline.com. Internet accessible pour tous
Une création Socrates www.socratesonline.com Internet accessible pour tous Qui sommes-nous et qu est-ce que SitEthique? Le cabinet Socrates accompagne depuis 10 ans les établissements et les services dans
Plus en détailOptimisation Web. Extra N 1 29.01.15
Optimisation Web Extra N 1 29.01.15 Extravaganza Communication digitale? Les Extras L optimisation web Optimisation technique Qu est-ce que c est? Optimiser les temps de chargement et d affichage des pages
Plus en détailMIEUX COMPRENDRE LE HANDICAP
MIEUX COMPRENDRE LE HANDICAP CONTEXTE Selon la loi du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées «Art. L. 114. - Constitue un
Plus en détail1 heure pour réussir son site web
1 heure pour réussir son site web Eric Emery Natural-net Jeudi 16 octobre 2014 Support de l intervention donnée dans le cadre de la Semaine Digitale de Bordeaux 2014 #SDBX4 Eric Emery Dirigeant de Natural-net
Plus en détail... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE
@... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN
Plus en détailExemple de charte d intégration web
Exemple de charte d intégration web Ce document est un exemple de charte d'intégration. Il est à adapter en fonction des contraintes, des choix, des objectifs de l'équipe, la société qui l'utilise. Il
Plus en détailNorme d accessibilité pour l information et les communications. Comment rendre votre site Web plus accessible
Norme d accessibilité pour l information et les communications Comment rendre votre site Web plus accessible L accessibilité du Web bénéficie non seulement à des millions de personnes handicapées, mais
Plus en détailAudits UX et Performance! Valtech_!
Audits UX et Performance! Valtech_! # Audits UX et Performance! Valtech propose de réaliser un bilan spécifique selon les axes d améliorations de votre site internet : 1. Un audit Ergonomique, pour améliorer
Plus en détailAudit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
Plus en détailD origine destiné à la conception de blog, WordPress est devenu l outil incontournable dans la liste des systèmes de gestion de contenus..
WordPress - CMS open-source Permet de créer simplement des sites internet ou de blogs. D origine destiné à la conception de blog, WordPress est devenu l outil incontournable dans la liste des systèmes
Plus en détailLes appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014
Les appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014 Présenté par : Jean-Marie D Amour SRDV, Institut Nazareth et Louis-Braille Louis-Philippe Pineault SRDV,
Plus en détailLes origines du projet
La Bibliothèque numérique pour le Handicap (BnH) Entretien avec Alain Patez, bibliothécaire et chargé de mission sur le projet BnH. La BnH (http://bnh.numilog.com) est une bibliothèque qui propose à distance,
Plus en détailPartie II Approche théorique
Partie II Approche théorique De nombreux phénomènes ont été mis en évidence lors des différentes enquêtes, nous amenant à diverses interrogations pouvant être résumées et transcrites en une problématique.
Plus en détailERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2
Lorraine ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Attirer des visiteurs sur un site internet, c est bien ; les transformer en clients, c est mieux! Cette phrase semble
Plus en détailA. L audit de l ergonomie 11. B. Quand réaliser un audit de l ergonomie? 11. C. Notions élémentaires 12. 1. Utilisabilité 12 2.
Chapitre 1 : Auditer l ergonomie du site web A. L audit de l ergonomie 11 B. Quand réaliser un audit de l ergonomie? 11 C. Notions élémentaires 12 1. Utilisabilité 12 2. Jakob Nielsen 12 D. Réaliser l
Plus en détaild un site web universitas friburgensis Objectifs de l atelier
Conception d un site web Objectifs de l atelier 1. 2. 3. 4. Analyser ses besoins et créer un cahier des charges Structurer un site pour optimiser sa navigation Rédiger pour le web Optimiser pour les moteurs
Plus en détailPETIT LEXIQUE L INBOUND MARKETING
PETIT LEXIQUE DE L INBOUND MARKETING «Pratiquez le marketing que les gens recherchent» Voici de quoi vous apprendre à parler inbound marketing! Ce lexique n a pas vocation à être exhaustif, mais présente
Plus en détailAPPAREILS ACCESSIBLES
APPAREILS ACCESSIBLES Introduction Les appareils sélectionnés ont été testés par un panel indépendant de personnes porteuses de handicap et coordonné par l asbl Passe-Muraille. Cette évaluation a été réalisée
Plus en détailRéférencement Naturel ou SEO Search Engine Optimization
Agence Référencement R & WebMarketing www.1ere-position.fr Référencement Naturel ou SEO Search Engine Optimization 24 avril 2009 - SNPAR 1ère Position S.A. (siège social) Savoie Technolac - Alouette II
Plus en détailCréer un site internet?
WebexpR Communication digitale des PME 249 rue Irène Joliot Curie 60610 La Croix Saint Ouen contact@webexpr.fr Créer un site internet? Qui? Quoi? Pour qui? Pourquoi? Quand? Comment? Combien? Rédaction
Plus en détailOptimiser le référencement naturel de son site web
Rodez, le 15 avril 2011 Les moteurs de recherche Les moteurs utilisés dans le monde Les moteurs utilisés en Europe Où clique un internaute? Référencement «payant» 35-40% des clics sur Google Référencement
Plus en détaildemander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs de recherche?
50 questions essentielles à vous poser avant la mise en ligne de votre site pour ne plus vous demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs
Plus en détailRéférencement de votre site Web Google et autres moteurs de recherche (4ième édition)
Chapitre 1 : Introduction A. Google, l incontournable... 15 B. Référencement : Panda et Penguin sont passés par là... 16 C. SEO/SMO 17 D. Propos du livre 18 E. Avant de commencer 19 F. Notre exemple d'illustration
Plus en détailJeune diplômé : entre 24 et 35 K. Jeune cadre : entre 35 et 45 K (et plus selon expérience et missions confiées).
N 13 - WEBMARKETER RESPONSABLE DU WEBMARKETING, RESPONSABLE DE L E-MARKETING, RESPONSABLE DU MARKETING ON-LINE, CHARGÉ DE WEBMARKETING À l interface entre l opérationnel et le fonctionnel, le webmarketer
Plus en détailEditoile Académie Mathieu Renault, formateur 9 rue Vauban 33 000 Bordeaux Tél. 05 35 54 62 10 formation@editoile.fr
Page 1 / 8 Pourquoi se former à Editoile Académie? Parce que nos formateurs sont des professionnels expérimentés Les formations sont animées par les rédacteurs web et community managers d Editoile, agence
Plus en détailL OUTIL NUMERIQUE CARACTERISTIQUES ET FONCTIONNALITES
L OUTIL NUMERIQUE CARACTERISTIQUES ET FONCTIONNALITES Aujourd hui, le numérique est partout. Il se retrouve principalement dans les nouvelles technologies, mais également dans l art, les livres, notre
Plus en détailMaîtrisez votre Navigateur
Qu est-ce que Surfer ou Naviguer sur Internet? C est l action, à l aide d un navigateur internet, de suivre les liens hypertexte qui relient les pages Web les unes aux autres. La navigation Web C est une
Plus en détailRéservation de matériel
Manuel Utilisateur Réservation de matériel Auteur : Logica Version : 3.1 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions
Plus en détail!" #$%&'(&)'*'+,--./&0'1&23,+2.)$4$%52'&%'6.%&2'
Évaluer un site web, cours de descriptions de controverses i Dans le cadre du cours Description des controverses, le repérage des acteurs et la connaissance de leurs positions passent largement par l identification
Plus en détailSélection d un moteur de recherche pour intranet : Les sept points à prendre en compte
Sélection d un moteur de recherche pour intranet : Les sept points à prendre en compte 1Les bases : vos objectifs 2 Sélection d un moteur de recherche pour intranet : Les sept points à prendre en compte
Plus en détailRéférencement naturel & E-tourisme. Pau 02/10/2008
Référencement naturel & E-tourisme Pau 02/10/2008 Enjeux de la visibilité de votre site e-tourisme Principe de fonctionnement d un moteur de recherche Evaluer la qualité de référencement de son site internet
Plus en détailAtelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club
Atelier du 25 juin 2012 «Les bonnes pratiques dans l e-mailing» Agenda de l atelier Introduction et rappel des bonnes pratiques Exemple et retour d expérience Maison Tasset Partage d expérience entre les
Plus en détailDéployer une Stratégie Web Globale
Lundi 23 Avril 2012 Déployer une Stratégie Web Globale au service de sa structure Plan de la présentation A) Internet en France aujourd'hui B) Internet : une constellation de moyens à disposition C) Pourquoi
Plus en détailAtelier E-TOURISME 2013. Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com
Atelier E-TOURISME 2013 Optimiser la visibilité de son site sur les moteurs de recherche ecotourismepro.jimdo.com Optimiser la visibilité de son site sur les moteurs de recherche Audrey Piquemal Chargée
Plus en détailOffre SEO/SMO. Le référencement au cœur de votre stratégie web marketing. Tous droits réservés Emencia 2009 1
Offre SEO/SMO Le référencement au cœur de votre stratégie web marketing Tous droits réservés Emencia 2009 1 Sommaire général I. Notions et enjeux du référencement I.1. Définition: Qu'est-ce que le référencement
Plus en détailLe logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Plus en détailLe référencement naturel
Le référencement naturel Phases essentielles Choix des mots-clés Où se référencer : moteurs, annuaires Indexation des pages du site dans les moteurs Positionnement et trafic généré Optimisation des pages
Plus en détailProjet d'accessibilité au multimédia.
L Adapei - les papillons blancs d Ille-et-Vilaine, une association familiale créée en 1961 autour de valeurs communes : Soutenir, rencontrer et accompagner les personnes et leur famille Promouvoir des
Plus en détailINTERNET, C'EST QUOI?
INTERNET, C'EST QUOI? Internet, c'est quoi? «Internet est le réseau informatique mondial qui rend accessibles au public des services variés comme le courrier électronique, la messagerie instantanée et
Plus en détailAPPAREILS ACCESSIBLES
APPAREILS ACCESSIBLES Introduction Les appareils sélectionnés ont été testés par un panel indépendant de personnes porteuses de handicap et coordonné par l asbl Passe-Muraille. Cette évaluation a été réalisée
Plus en détailDragon Naturally Speaking 13
Année 2015 Dragon Naturally Speaking 13 Guide premier pas Nathalie Macé / Grégoire Duval PROJET ORDYSCAN 1 Table des matières Introduction 3 Pourquoi utiliser Dragon Naturally Speaking avec les élèves
Plus en détailLE(s) HANDICAP(s) : MOTS & CONCEPTS
LE(s) HANDICAP(s) : MOTS & CONCEPTS 1 Le Concept du handicap Une personne est handicapée quand : souffrant d'une déficience pérenne, et devant affronter un environnement inadapté, elle ne peut satisfaire
Plus en détailCréer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)
Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance
Plus en détailCréer un premier document avec Pages
1 Créer un premier document avec Pages Dans ce chapitre, vous aborderez les fonctions élémentaires de Pages par le biais de la rédaction d une lettre et de la réalisation d une carte d anniversaire à l
Plus en détailThe Grid 2: Manuel d utilisation
The Grid 2: Manuel d utilisation Bienvenue dans The Grid 2 Merci d avoir choisi The Grid 2! Ce guide va vous apprendre tout ce que vous devez savoir à propos de The Grid 2. Il vous guidera pas à pas pour
Plus en détailQuestionnaire GTA - Analyse des re ponses
Questionnaire GTA - Analyse des re ponses Novembre 2012 Table des matières Taux de réponse au questionnaire... 2 Actualité de l expertise : AccessiWeb 1 versus 2... 2 Profil métier... 3 Compétences...
Plus en détailExpérimentation «Tablettes Tactiles en maternelle» (Octobre 2013 - Février 2014) Ecole maternelle Les Alouettes, Champhol
Expérimentation «Tablettes Tactiles en maternelle» (Octobre 2013 - Février 2014) Ecole maternelle Les Alouettes, Champhol Dans le cadre du plan DUNE, l école a reçu, pour une période de 5 mois, 6 tablettes
Plus en détailBOOK REFERENCES ERGONOMIQUES Gfi Informatique
2014 BOOK REFERENCES ERGONOMIQUES Gfi Informatique SECTEUR INDUSTRIE-SERVICE CHORUS 2 : Refonte du référentiel des process Groupe Refondre le réferentiel des process Groupe grâce à la réalisation d un
Plus en détailAvant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
Plus en détailNotes de lecture : Dan SPERBER & Deirdre WILSON, La pertinence
Notes de lecture : Dan SPERBER & Deirdre WILSON, La pertinence Gwenole Fortin To cite this version: Gwenole Fortin. Notes de lecture : Dan SPERBER & Deirdre WILSON, La pertinence. 2006.
Plus en détailQUI SOMMES NOUS? Notre équipe se tient à votre disposition pour vous apporter de plus amples informations et vous conseiller.
QUI SOMMES NOUS? La CCI Tarbes et Hautes-Pyrénées propose une offre variée de formations s adressant à la fois aux jeunes à la recherche d un métier et aux salariés / Chefs d entreprise en recherche de
Plus en détailGUIDE PRATIQUE DU REFERENCEMENT NATUREL
GUIDE PRATIQUE DU REFERENCEMENT NATUREL Auteur Walid Gabteni, Consultant SEO édition du 20 Juin 2015 Source officielle du guide pratique du référencement naturel : https://upload.wikimedia.org/wikipedia/commons/f/f3/guide_pratique_du_référencem
Plus en détailACCUEILLIR UNE PERSONNE EN SITUATION DE HANDICAP
ACCUEILLIR UNE PERSONNE EN SITUATION DE HANDICAP COMMENT ACCUEILLIR UNE PERSONNE HANDICAPÉE AU SEIN DE SON SERVICE OU DE SON ÉTABLISSEMENT? Organiser une première prise de contact Une première rencontre
Plus en détailL ACCESSIBILITÉ DU CADRE BÂTI
L ACCESSIBILITÉ DU CADRE BÂTI Les ERP «ÉTABLISSEMENTS RECEVANT DU PUBLIC» Le nouveau dispositif réglementaire Première partie CONTEXTE ET POLITIQUES PUBLIQUES Le contexte Le point de départ L accessibilité
Plus en détailLa société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel.
La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. ipaoo.fr est un service en ligne qui permet aux entrepreneurs, auto-entrepreneurs, TPE,
Plus en détailGuide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de
Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre
Plus en détailLes 10 étapes incontournables pour réaliser un site internet performant et accessible
COMITÉ DE COMMUNICATION DE L AOMF FICHE-CONSEIL N 2 Les 10 étapes incontournables pour réaliser un site internet performant et accessible Les 10 étapes que vous retrouvez ci-dessous peuvent faire partie
Plus en détailRédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web
Rédiger pour le web Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Sommaire 1. Rédiger des contenus... 2 Lire à l écran : une lecture contraignante... 2 Ecrire des phrases
Plus en détailconception de site web production vidéo stratégie internet catalogue de services
conception de site web stratégie internet production vidéo catalogue de services NEXION.BIZ Imprimé sur du papier recyclé NOTRE EXPERTISE Chez Nexion, nous possédons une solide expertise dans le domaine
Plus en détailFormation Découverte du Web
Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant
Plus en détailL OUTIL INFORMATIQUE AU SERVICE DE L ACCOMPAGNEMENT DE L ELEVE HANDICAPE
L OUTIL INFORMATIQUE AU SERVICE DE L ACCOMPAGNEMENT DE L ELEVE HANDICAPE Sophie GIRARD Lycée du Montat Etablissement Public Local d Enseignement et de Formation Professionnelle Agricole 422, Lacoste 46090
Plus en détailGUIDE ÉDITORIAL SITES INTERNET. Auteur Version Motif de mise à jour A. Aubry 1.0 Création
GUIDE ÉDITORIAL SITES INTERNET Auteur Version Motif de mise à jour A. Aubry 1.0 Création SOMMAIRE 1 AVANT PROPOS... 5 2 SPECIFICATIONS EDITORIALES... 6 2.1 Rubrique «Employeur»... 7 2.2 Rubrique «Salarié»...
Plus en détailUtiliser le site Voyages-sncf.com
voyages-sncf.com 17 mars 2014 p 1 Utiliser le site Voyages-sncf.com Avec ce tutoriel, vous apprendrez à utiliser le site de la SNCF dédié aux trajets grandes lignes et plus particulièrement à : rechercher
Plus en détailManuel Utilisateur. Boticely
Manuel Utilisateur Boticely Auteur : Logica Version : 1.4 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales
Plus en détailComment remplir une demande d AVS Remplir les dossiers administratifs quand on a un enfant autiste et TED (3) : demander une AVS
Comment remplir une demande d AVS Remplir les dossiers administratifs quand on a un enfant autiste et TED (3) : demander une AVS Intégration était le maître mot de la loi de 75, scolarisation est ce lui
Plus en détailCAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET
CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET Nom du Projet... Nom de l entreprise... Adresse... Coordonnées Tel :... Fax :... Email :... Personne à contacter Nom :... Tel :... Email :... SOMMAIRE
Plus en détailAvanquest Software présente la nouvelle gamme WebEasy 8
La Garenne Colombes, le 22 Juin 2009 Avanquest Software présente la nouvelle gamme WebEasy 8 Des logiciels pour créer simplement des sites internet de qualité professionnelle sans aucune connaissance en
Plus en détailAvril 2013 DIAGNOSTIC NUMERIQUE. Réalisé par l Office de Tourisme Andernos-les-Bains
Avril 2013 DIAGNOSTIC NUMERIQUE Réalisé par l Office de Tourisme Andernos-les-Bains Sommaire Présentation...3 Matériel numérique...4 Mise à disposition de matériel numérique...4 Mise à disposition d une
Plus en détailRéussir. son. référencement. web. Olivier Andrieu. Groupe Eyrolles, 2008, ISBN : 978-2-212-12264-0
Réussir son référencement web Olivier Andrieu Groupe Eyrolles, 2008, ISBN : 978-2-212-12264-0 Table des matières CHAPITRE 1 Le référencement aujourd hui : généralités, définitions......................................
Plus en détailCahier des charges - Refonte du site internet www.sciencespo- rennes.fr
Cahier des charges Refonte du site internet www.sciencesporennes.fr Procédure d achat conformément à l article 28 alinéa I du Code des marchés publics 1. Présentation de la structure Reconnu pour son excellence
Plus en détailRéférencement naturel
Référencement naturel 1er novembre 2011 Pour optimiser votre positionnement dans les moteurs de recherche, renforcer votre visibilité en ligne et améliorer le contenu de votre site web pour le référencement
Plus en détailCréer une page Google+ Pro www.croissance- internet.com
Créer une page Google+ Pro Développer concrètement son activité grâce à Internet Créer une page Google + Pro Créer une page «Google pour les pros» vous permettra de vous rendre immédiatement visible pour
Plus en détailGuide de pratiques exemplaires en matière de commerce mobile. Des techniques concrètes pour surpasser les normes de l industrie
Guide de pratiques exemplaires en matière de commerce mobile Des techniques concrètes pour surpasser les normes de l industrie TABLE DES MATIÈRES LA MOBILITÉ EN HAUSSE... 3 INCURSION DANS L UNIVERS DE
Plus en détailDélivrance de l information à la personne sur son état de santé
Délivrance de l information à la personne sur son état de santé Mai 2012 Préambule Le contenu et les qualités de l information Les modalités de la délivrance de l information L information du mineur, du
Plus en détailContent Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1
Content Management System V.3.0 BlackOffice CMS V3.0 by ultranoir 1 SOMMAIRE Introduction Grands principes de fonctionnement Description des modules Références principales BlackOffice CMS V3.0 by ultranoir
Plus en détailProgramme de la formation en référencement LYON/PARIS 2015
Programme de la formation en référencement LYON/PARIS 2015 A. Formateurs La formation est assurée par : Olivier Andrieu, Meilleur Référenceur de France (JDN), Consultant et auteur SEO, partenaire d Optimiz.me,
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailSoyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Plus en détailPREMIERE UTILISATION D IS-LOG
PREMIERE UTILISATION D IS-LOG Is-LOG est un logiciel d identification et d authentification à un ordinateur qui se substitue à la saisie du couple «Login / mot passe» par la présentation au lecteur de
Plus en détailoffre de formations Année 2015
offre de formations Année 2015 Sommaire 3 Web/Graphisme Initiation à Wordpress / p4 Formation HTML & CSS / p5 Initiation à Indesign / p6 Perfectionnement à Photoshop / p7 - Contact Richard De Logu, Damien
Plus en détailFRANCE 24 et RFI : nouveaux sites Internet et nouvelles ambitions multimédia à l international
FRANCE 24 et RFI : nouveaux sites Internet et nouvelles ambitions multimédia à l international Edito Le multimédia est l une des priorités majeures affichées par Alain de Pouzilhac et Christine Ockrent
Plus en détailRéférencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?
9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins
Plus en détailMa première visibilité sur le Web. en 60 min avec des outils gratuits
Ateliers Commerce Internet Ma première visibilité sur le Web en 60 min avec des outils gratuits 23/04/2015 1 Ma première visibilité sur Internet Même sans site internet! Pourquoi être présent sur Internet?
Plus en détailSciences de Gestion Spécialité : SYSTÈMES D INFORMATION DE GESTION
Sciences de Gestion Spécialité : SYSTÈMES D INFORMATION DE GESTION Classe de terminale de la série Sciences et Technologie du Management et de la Gestion Préambule Présentation Les technologies de l information
Plus en détailCOMMENT OPTIMISER MA VISIBILITÉ SUR LE WEB? AMÉLIORER MON RÉFÉRENCEMENT
COMMENT OPTIMISER MA VISIBILITÉ SUR LE WEB? AMÉLIORER MON RÉFÉRENCEMENT TOUR DE TABLE FAISONS CONNAISSANCE Qui êtes-vous? Quelles sont vos attentes? Aperçu de l'atelier Le référencement, c'est quoi? Comment
Plus en détailWF MEDIA.INFO ET N OUBLIONS PAS QU UNE COMMUNICATION RÉUSSIE, C EST AVANT TOUT UN IMPACT MESURABLE ET
WF MEDIA.INFO WF MEDIA.INFO, AGENCE DE COMMUNICATION SUR CMS OPEN SOURCE AU SOLUTION PROPRIETAIRE, C EST UNE VISION OPÉRATIONNELLE ET RÉALISTE DE LA COMMUNICATION DES ENTREPRISES D AUJOURD HUI. QUE VOUS
Plus en détailEurateach labellisé par la région et le FAFIEC. Si vous remplissez les conditions suivantes : Votre entreprise compte moins de 250 salariés
> FORMATIONS CLES EN MAIN > FORMATIONS SUR MESURE Eurateach labellisé par la région et le FAFIEC Dans le cadre du Pacte Régional de Continuité Professionnelle signé par l Etat, la Région et les Partenaires
Plus en détailFormation à la recherche documentaire sur le web
Formation à la recherche documentaire sur le web Objectif : Savoir effectuer des recherches pertinentes sur Internet Savoir distinguer les informations fiables sur Internet Savoir effectuer des recherches
Plus en détailPrésentation des équipements d accessibilité dans les gares et les trains
Présentation des équipements d accessibilité dans les gares et les trains Octobre 2010 Accessibilité : une démarche «associée» 3 Les solutions d accessibilités mises en place dans les gares et les trains
Plus en détailPrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec
Pierre-Henri COFFINET Entrepreneur et passionné par les nouvelles technologies, Pierre-Henri COFFINET est aujourd hui cogérant de la société de webmarketing AD Powers. Expert du web depuis plus de 10 ans,
Plus en détailVisitez notre page Internet credit-suisse.com/accessibilite ou contactez-nous par téléphone au 0848 880 842.
1, 0$# #%&$ 1+ (%- #5*# ("% *("$ 20 0%+0##%0 ) #("$ *($ 3,10*#$ 0# %($ 03#$ "* 533&$ $5*$ 45%- %1&%0 ) *($ %(- 2"1#$/ $0%!130$ 0# 1*.(%+5#1(*$ Il est très important pour nous de permettre à tous nos clients
Plus en détailDes compétences numériques à la littératie numérique
Note d éducation permanente de l ASBL Fondation Travail-Université (FTU) N 2014 10, juin 2014 www.ftu.be/ep Des compétences numériques à la littératie numérique Quels enjeux derrière l évolution de ces
Plus en détail[FORMAT AGRANDI DE LA POLITIQUE D ACCESSIBILITÉ POUR LES PERSONNES HANDICAPÉES]
Type de doc. Politique Section Administration Prochain examen Décembre 2016 [FORMAT AGRANDI DE LA ] 1. Portée La présente politique s applique à tous les services et programmes fournis par le Centre de
Plus en détailMIEUX CONNAÎTRE LES HANDICAPS, ADAPTER SON COMPORTEMENT
MIEUX CONNAÎTRE LES HANDICAPS, ADAPTER SON COMPORTEMENT Chaque handicap est différent. Si la classification des handicaps en grandes familles peut, au premier abord, paraître réductrice, elle a cependant
Plus en détail