Navigateur web : Différence entre versions

De WikiGenWeb
Aller à : navigation, rechercher
m (Directives pour l'accessibilité aux contenus Web)
m
Ligne 19 : Ligne 19 :
  
 
'''''Vous y gagnerez, sur tous les sites Web actuels ou anciens, en confort et en facilité de navigation.''
 
'''''Vous y gagnerez, sur tous les sites Web actuels ou anciens, en confort et en facilité de navigation.''
 
  
 
===Respect des normes W3C===
 
===Respect des normes W3C===
Ligne 32 : Ligne 31 :
  
 
===Images et photos===
 
===Images et photos===
Un équivalent textuel doit être fourni via l'attribut alt des  images. La mise en page n'utilise pas d'images invisibles (priorité 1)
+
Un équivalent textuel est fourni via l'attribut alt des  images. La mise en page n'utilise pas d'images invisibles (priorité 1)
 
    
 
    
 
===Couleurs===
 
===Couleurs===
Les informations convoyées par des couleurs sont également accessibles sans couleur, à l'aide d'autres caractéristiques du texte ou des images (priorité 1).
+
Les informations convoyées par des couleurs sont également accessibles sans couleur, à l'aide d'autres caractéristiques du texte ou des images (priorité 1).
 
Le niveau de contraste des couleurs d'arrière plan et d'avant plan, telles qu'elles peuvent être perçues par quelqu'un ayant une déficience au niveau des couleurs ou sur un écran noir et blanc, est  testé à l'aide du simulateur [http://www.vischeck.com/vischeck/vischeckURL.php Vischeck] (priorité 2).
 
Le niveau de contraste des couleurs d'arrière plan et d'avant plan, telles qu'elles peuvent être perçues par quelqu'un ayant une déficience au niveau des couleurs ou sur un écran noir et blanc, est  testé à l'aide du simulateur [http://www.vischeck.com/vischeck/vischeckURL.php Vischeck] (priorité 2).
 
  
 
===Structure et présentation===
 
===Structure et présentation===

Version du 2 mars 2011 à 17:14

Un navigateur Web est un logiciel conçu pour consulter le World Wide Web.

L'interface utilisateur est composée d'une zone d'affichage éventuellement gérée sous forme d'onglets, d'une barre de menus déroulants, d'une barre d'outils et d'une barre d'état. La barre de menus abrite les favoris (ou Marque-pages), les options de configuration, etc.

Ce site s'affiche mieux dans un navigateur conforme aux standards

Les Standards

Nous nous sommes efforcés de respecter les standards du consortium W3C (un organisme regroupant les principaux acteurs de l'Internet). Ces standards garantissent l'interopérabilité des pages Web c'est à dire leur restitution correcte dans tous les navigateurs qui respectent ces standards.

Le contenu prime sur la présentation

Les standards actuels séparent de façon complète le contenu de la page (ce qui nous intéresse et qui motive notre consultation) de la présentation (la mise en page et les décorations du texte qui font que les informations sont mieux perçues). Cette séparation se fait en ne plaçant dans la page html que le contenu et en plaçant toutes les informations de mise en page dans ce qu'on appelle des « Feuilles de style » (CSS en abrégé de l'anglais).

Malheureusement, la mise en page ainsi définie ne peut être restituée par les versions périmées des navigateurs des années 90. Ceci explique, si vous utilisez toujours un ancien navigateur, que notre portail et nos pages vous semblent privés d'élégance dans leur présentation. Ceci n'est en rien en contradiction avec le souci réel de l'interopérabilité puisque le contenu du site reste parfaitement lisible dans les navigateurs qui ne supportent pas les feuilles de style. Mais vous allez voir qu'il y a des solutions pour améliorer votre confort de consultation.

Une indispensable réciprocité

Après 10 ans de développement chaotique qui ont mené à [http://openweb.eu.org/humeurs/balkanisation/ l'impasse du codage façon années 90], le Web aborde une nouvelle étape de développement enfin plus rationnelle. Les multiples [http://openweb.eu.org/articles/navigateurs_alternatifs/ navigateurs modernes] offrent un support satisfaisant des techniques de présentation CSS. Dans ces navigateurs, notre site s'affiche normalement sans défaut du fait qu'il respecte les normes XHTML et CSS2.

Pour bénéficier de ces atouts du Web moderne, un effort réciproque de la part des utilisateurs est indispensable : abandonnez votre vieux Netscape 4 ou votre ancien IE 4 pour leur [http://openweb.eu.org/articles/navigateurs_alternatifs/ version actuelle] ou pour l'un ou l'autre des [http://openweb.eu.org/articles/navigateurs_alternatifs/ navigateurs alternatifs]. Il y en a pour tous les goûts et toutes les configurations.

Vous y gagnerez, sur tous les sites Web actuels ou anciens, en confort et en facilité de navigation.

Respect des normes W3C

Le code XHTML est conforme à la [http://www.w3.org/TR/xhtml1/ Spécification XHTML 1.0]. Il est testé à l'aide du validateur HTML du W3C qui valide en même temps le code HTML et les descriptions CSS2. Vous pouvez tester cette page en cliquant sur Valid-xhtml10.png

Directives pour l'accessibilité aux contenus Web

[http://www.la-grange.net/w3c/wcag1/wai-pageauth.html Ces directives ne concerne encore que quelques pages de FranceGenWeb]], elles sont testées à l'aide du validateur [http://www.cynthiasays.com cynthiasays.com].

Règles d'accessibilité sont brespectées au maximum à ce jour : règles d'accessibilité de niveau 1 ... et quelques règles de niveau 2.

Si vous constatiez une erreur ou un oubli, ou si vous rencontriez une difficulté, n'hésitez pas à nous en faire part.

Images et photos

Un équivalent textuel est fourni via l'attribut alt des images. La mise en page n'utilise pas d'images invisibles (priorité 1)

Couleurs

Les informations convoyées par des couleurs sont également accessibles sans couleur, à l'aide d'autres caractéristiques du texte ou des images (priorité 1). Le niveau de contraste des couleurs d'arrière plan et d'avant plan, telles qu'elles peuvent être perçues par quelqu'un ayant une déficience au niveau des couleurs ou sur un écran noir et blanc, est testé à l'aide du simulateur [http://www.vischeck.com/vischeck/vischeckURL.php Vischeck] (priorité 2).

Structure et présentation

L'utilisation des propriétés de positionnement CSS, en séparant totalement présentation et contenu, permet aux documents de conserver hors CSS un ordre cohérent : titre, contenu, menus (priorité 1). La mise en page de WikiGenWeb repose exclusivement sur des feuilles de style externes (priorité 2).

Scripts

Les rares scripts clients utilisés sur WikiGenWeb ne servent à aucune fonction indispensable à la navigation ou à la consultation des pages. Celles-ci sont accessibles sans support Javascript (priorité 1).

Les navigateurs

Liste de navigateurs Web

Internet Explorer

Windows Internet Explorer (version 8 préconisée, version 9beta) abrégé IE8 est le navigateur Web développé par Microsoft, installé par défaut avec Windows.

problèmes rencontrés

  • Sous éditeur
    • Défilement en extension de sélection qui ne se réalise pas mais la sélection est bien exécutée en aveugle
    • Défilement en extension de sélection par la touche « Page Suiv » qui ne se réalise pas
    • la commande copier/coller ne se réalise pas toujours
    • insertion de sauts de lignes aléatoires
    • positionnement du curseur texte disparaît

Firefox

Mozilla Firefox est un navigateur Web gratuit, développé et distribué par la Mozilla Foundation.

problèmes rencontrés

Chrome

Chrome est un navigateur Web produit par Google

problèmes rencontrés