Ergonomie. Accessibilité et référencement. Master Caweb - Ergonomie - Chloé Temesvari

Transcription

1 + Ergonomie Accessibilité et référencement

2 + 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

3 + 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

4 + 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

5 + 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

6 + 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

7 + Les navigateurs Affichage d un site diffère selon le navigateur et sa version

8 + Les navigateurs

9 + Les navigateurs Tests sous différents navigateurs avant mise en ligne IE Tester, Adobe Browser Lab

10 + 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

11 + 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

12 + La barre de navigation La navigation

13 + 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

14 + Les liens La navigation Navigation complémentaire Pour être efficaces, ils doivent : être reconnaissables être explicites Avoir un comportement différent selon leur contenu

15 + 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»

16 + Le W3C W3C = World Wide Consortium Normes Tests de site :

17 + 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