+ Ergonomie Accessibilité et référencement
+ Plan Chapitre 5 : Accessibilité et référencement Qu est-ce l accessibilité? Critères à prendre en compte La taille et a résolution d écran La police Les navigateurs La navigation Le W3C L optimisation des balises Qu est-ce que le référencement? Critères à prendre en compte L organisation du contenu Le netlinking La réécriture d URL
+ Qu est-ce que l accessibilité? Dans un premier temps : accès aux personnes en situation de handicap Puis standardisation : rendre un site accessible à tous sans distinction d âge, d expérience de navigation, de matériel Important de prendre la majeure partie des critères en compte
+ Critères à prendre en compte La taille et a résolution d écran La police Les navigateurs La navigation Le W3C L optimisation des balises
+ La taille et la résolution d écran Taille d écran standard : 17 pouces soit 1024 x 768 px Phase d habillage graphique Largeur maximale de site : 960 px Exemple de largeur fixe (960px) sur deux écrans de tailles différentes http://www.morphemzero.be/v2/webdesign/mise-en-page.html
+ La police Le type de police : Websafe font : Arial, Verdana, Helvetica Google Web Fonts : plus de liberté La taille de la police : Mesure en px ou % Contrôle de l internaute sur l agrandissement ou la réduction de la taille de la police
+ Les navigateurs Affichage d un site diffère selon le navigateur et sa version
+ Les navigateurs http://www.cnetfrance.fr/produits/navigateurs-2012-qui-mene-la-danse-39770791.htm
+ Les navigateurs Tests sous différents navigateurs avant mise en ligne IE Tester, Adobe Browser Lab http://www.winextra.com/tech/software/ietester-webdeveloper-tool-for-site-testing/ http://news.cnet.com/8301-13860_3-10255042-56.html
+ La navigation Activité principale de l internaute Objectifs : rapidité et facilité d accès à l information Doit fournir des repères à l internaute, souvent basés sur ses habitudes de navigation : Barre de navigation Fil d Ariane Liens Moteur de recherche
+ La barre de navigation La navigation Elle doit : Bien identifiable Accessible à tout moment et sur chaque page du site Organisée logiquement Donner une vision globale des contenus présents sur le site Permettre un accès à d autres niveaux de navigation si nécessaire Servir de repère à l internaute
+ La barre de navigation La navigation
+ Le fil d Ariane La navigation L internaute doit savoir où il est et par où il est passé. Sous barre de navigation Liens cliquables Point de départ systématique : page d accueil > entre les étapes Police plus petite
+ Les liens La navigation Navigation complémentaire Pour être efficaces, ils doivent : être reconnaissables être explicites Avoir un comportement différent selon leur contenu
+ Le moteur de recherche La navigation Pas toujours nécessaire Bien présenté : Haut de page ou sidebar Suffisamment de caractères en saisie Intitulé «Recherche» ou «Rechercher»
+ Le W3C W3C = World Wide Consortium Normes Tests de site : http://validator.w3.org/
+ L optimisation des balises Lecture et traitement du site par des logiciels spécialisés pour des personnes en situation de handicap Balise title Balises meta : Meta descritpion Meta keywords Balise alt Participe également au référencement