Ce site s'affiche mieux dans un navigateur conforme aux standards : Différence entre versions

De WikiGenWeb
Aller à : navigation, rechercher
(Page créée avec « == Les Standards == Nous nous sommes efforcés de respecter les standards du consortium W3C<ref>World Wide Web Consortium (W3C), un organisme regroupant les principaux acteur... »)
 
m (relecture)
Ligne 1 : Ligne 1 :
 
== Les Standards ==
 
== Les Standards ==
Nous nous sommes efforcés de respecter les standards du consortium W3C<ref>World Wide Web Consortium (W3C), un organisme regroupant les principaux acteurs de l'Internet</ref>.<br />Ces standards garantissent l'interopérabilité des pages Web c'est à dire leur restitution correcte dans tous les navigateurs qui respectent ces standards.
+
Nous nous sommes efforcés de respecter les standards du consortium W3C<ref>[[Wikipedia.fr:World Wide Web Consortium|World Wide Web Consortium (W3C)]] sur wikipedia.fr</ref>.<br />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 ==
 
== 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 que le contenu et en plaçant toutes les informations de mise en page dans ce qu'on appelle une ''feuille de style''<ref>Cascading Style Sheets ou CSS en abrégé de l'anglais</ref>.
+
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 que le contenu et en plaçant toutes les informations de mise en page dans ce qu'on appelle une ''feuille de style''<ref>[[Wikipedia.fr:Feuilles de style en cascade|Cascading Style Sheets ou CSS en anglais]] sur wikipedia</ref>.
  
 
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.
 
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é ==
 
== Une indispensable réciprocité ==
Après 10 ans de développement chaotique qui ont mené à l'[http://openweb.eu.org/humeurs/balkanisation/ impasse du codage façon années 90], le Web aborde une nouvelle étape de développement enfin plus rationnelle.<br />
+
Après 10 ans de développement chaotique qui ont mené à l'impasse du codage façon années 90<ref>[http://openweb.eu.org/humeurs/balkanisation/ La fin de la balkanisation du Web] sur openweb.eu.org</ref>, le Web aborde une nouvelle étape de développement enfin plus rationnelle.<br />
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<ref>[[Wikipedia.fr:Extensible HyperText Markup Language]]</ref> et CSS2.
+
Les multiples navigateurs modernes<ref name="navmod">[http://openweb.eu.org/articles/navigateurs_alternatifs/ Les navigateurs alternatifs] sur openweb.eu.org</ref> 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<ref>[[Wikipedia.fr:Extensible HyperText Markup Language|Extensible HyperText Markup Language]] sur wikipedia</ref> 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.
+
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 version actuelle<ref name="navmod"/>, ou pour l'un ou l'autre des navigateurs alternatifs<ref name="navmod"/>. 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.'''
 
'''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 ==
Le code XHTML est conforme à la [http://www.w3.org/TR/xhtml1/ Spécification XHTML 1.0]. Il est testé à l'aide du [http://validator.w3.org/ validateur HTML du W3C].<br />
+
Le code XHTML est conforme à la Spécification XHTML 1.0<ref>[http://www.w3.org/TR/xhtml1/ XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)] sur w3.org</ref>. Il est testé à l'aide du validateur HTML du W3C<ref>[http://validator.w3.org/ validateur HTML du W3C]</ref>.<br />
Le code CSS est conforme à la [http://www.w3.org/TR/CSS2/ Spécification CSS2]. Il est testé à l'aide du [http://jigsaw.w3.org/css-validator/ validateur CSS du W3C].
+
Le code CSS est conforme à la ''Spécification CSS2''<ref>[http://www.w3.org/TR/CSS2/ Spécification CSS2] sur w3.org</ref>. Il est testé à l'aide du validateur CSS du W3C<ref>[http://jigsaw.w3.org/css-validator/ validateur CSS du W3C]</ref>.
  
 
== Directives pour l'accessibilité aux contenus Web ==
 
== Directives pour l'accessibilité aux contenus Web ==
Ne concerne encore que quelques pages ou services de FranceGenWeb, elles sont testées à l'aide du [http://www.cynthiasays.com/ validateur cynthiasays.com].<br />
+
Ne concerne encore que quelques pages ou services de FranceGenWeb, elles sont testées à l'aide du validateur cynthiasays.com<ref>[http://www.cynthiasays.com/ validateur cynthiasays.com]</ref>.<br />
 
Règles d'accessibilité respectées à ce jour : règles d'accessibilité de niveau 1 ... et quelques règles de niveau 2.<br />
 
Règles d'accessibilité respectées à ce jour : règles d'accessibilité de niveau 1 ... et quelques règles de niveau 2.<br />
 
Si vous constatiez une erreur ou un oubli, ou si vous rencontriez une difficulté, n'hésitez pas à nous en faire part.
 
Si vous constatiez une erreur ou un oubli, ou si vous rencontriez une difficulté, n'hésitez pas à nous en faire part.
  
 
;Images : un équivalent textuel est fourni via l'attribut ''alt'' des images. La mise en page n'utilise pas d'images invisibles (priorité 1).
 
;Images : 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 [http://www.vischeck.com/vischeck/vischeckURL.php simulateur Vischeck] (priorité 2).
+
;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 Vischeck<ref>[http://www.vischeck.com/vischeck/vischeckURL.php simulateur Vischeck]</ref> (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 FranceGenWeb repose exclusivement sur des feuilles de style externes (priorité 2)<ref name="rappel"/>.
 
;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 FranceGenWeb repose exclusivement sur des feuilles de style externes (priorité 2)<ref name="rappel"/>.
 
;Scripts : les rares scripts clients utilisés sur FranceGenWeb ne servent à aucune fonction indispensable à la navigation ou à la consultation des pages. Celles-ci sont accessibles sans support Javascript (priorité 1)<ref name="rappel">rappel: ne concerne pas toutes les pages</ref>.
 
;Scripts : les rares scripts clients utilisés sur FranceGenWeb ne servent à aucune fonction indispensable à la navigation ou à la consultation des pages. Celles-ci sont accessibles sans support Javascript (priorité 1)<ref name="rappel">rappel: ne concerne pas toutes les pages</ref>.

Version du 5 décembre 2011 à 13:12

Les Standards

Nous nous sommes efforcés de respecter les standards du consortium W3C[1].
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 que le contenu et en plaçant toutes les informations de mise en page dans ce qu'on appelle une feuille de style[2].

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é à l'impasse du codage façon années 90[3], le Web aborde une nouvelle étape de développement enfin plus rationnelle.
Les multiples navigateurs modernes[4] 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[5] 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 version actuelle[4], ou pour l'un ou l'autre des navigateurs alternatifs[4]. 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 Spécification XHTML 1.0[6]. Il est testé à l'aide du validateur HTML du W3C[7].
Le code CSS est conforme à la Spécification CSS2[8]. Il est testé à l'aide du validateur CSS du W3C[9].

Directives pour l'accessibilité aux contenus Web

Ne concerne encore que quelques pages ou services de FranceGenWeb, elles sont testées à l'aide du validateur cynthiasays.com[10].
Règles d'accessibilité respectées à 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 
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 Vischeck[11] (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 FranceGenWeb repose exclusivement sur des feuilles de style externes (priorité 2)[12].
Scripts 
les rares scripts clients utilisés sur FranceGenWeb ne servent à aucune fonction indispensable à la navigation ou à la consultation des pages. Celles-ci sont accessibles sans support Javascript (priorité 1)[12].
Métadonnées 
le portail de FranceGenWeb utilise un jeu de métadonnées normalisées (Dublin Core - priorité 2).
Abréviations 
les abréviations et acronymes sont balisés à l'aide de l'élément acronym.

Annexes

Sources

Cet article est largement pompé, inspiré et adapté de la page [http://openweb.eu.org/openwebgroup/demarche_standard/ openweb.eu.org/openwebgroup/demarche_standard/], publiée sous licence [http://creativecommons.org/licenses/by-sa/1.0/legalcode Creative Commons Attribution-ShareAlike], sur lequel pointent une partie des liens de cette page. Cet article est donc publié sous licence [http://creativecommons.org/licenses/by-sa/1.0/legalcode Creative Commons Attribution-ShareAlike].

Notes et références

  1. World Wide Web Consortium (W3C) sur wikipedia.fr
  2. Cascading Style Sheets ou CSS en anglais sur wikipedia
  3. [http://openweb.eu.org/humeurs/balkanisation/ La fin de la balkanisation du Web] sur openweb.eu.org
  4. 4,0, 4,1 et 4,2 [http://openweb.eu.org/articles/navigateurs_alternatifs/ Les navigateurs alternatifs] sur openweb.eu.org
  5. Extensible HyperText Markup Language sur wikipedia
  6. [http://www.w3.org/TR/xhtml1/ XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)] sur w3.org
  7. [http://validator.w3.org/ validateur HTML du W3C]
  8. [http://www.w3.org/TR/CSS2/ Spécification CSS2] sur w3.org
  9. [http://jigsaw.w3.org/css-validator/ validateur CSS du W3C]
  10. [http://www.cynthiasays.com/ validateur cynthiasays.com]
  11. [http://www.vischeck.com/vischeck/vischeckURL.php simulateur Vischeck]
  12. 12,0 et 12,1 rappel: ne concerne pas toutes les pages