Styles alternatifs

Le service de Covoiturage de la Communauté d'Agglomération de Béziers Méditerranée est doté de feuilles de styles alternatives qui vous permettent de le consulter dans différentes présentations :

• la présentation par défaut, avec un texte sombre sur un arrière-plan clair ;
• une présentation Fond noir avec des caractères clairs ;
• la présentation Fond noir/Gros caractères où la taille des caractères est augmentée ;
• la présentation Minimale qui ne spécifie ni couleurs, ni tailles, ni polices de caractères, pour laisser la place aux règlages par défaut de chaque utilisateur ;
• la présentation Sans habillage qui, en fait, n'a pas de feuille de style : seuls seront appliqués les règlages par défaut de l'utilisateur.

Ces présentations sont accessibles via le menu en haut de page :

Respect des normes W3C

• le code XHTML est conforme à la Spécification XHTML 1.0. Il est testé à l'aide du validateur HTML du W3C ;

• le code CSS est conforme à la Spécification CSS2. Il est testé à l'aide du validateur CSS du W3C ;

  Un bug connu du validateur (lié à l'encodage des caractères) empêche cependant la validation CSS directe depuis les fichiers HTML. Les URL à soumettre au validateur CSS sont donc celles des feuilles de style elles-mêmes ;

• les pages de covoiturage.beziers-agglo.org suivent la plupart des Directives pour l'accessibilité aux contenus Web. Elles sont testées à l'aide des validateurs comme Wave.

Images

• un équivalent textuel est fourni via l'attribut alt des images significatives, lorsqu'elles ne sont pas décrites précisément dans le texte qu'elles illustrent. L'attribut alt des images non-significatives est vide. La mise en page n'utilise pas d'images invisibles (priorité 1) ;
• les images ne sont utilisées que lorsqu'il n'existe aucun élément XHTML permettant de transmettre l'information concernée (priorité 2).

Couleurs

• dans un navigateur graphique, covoiturage.beziers-agglo.org peut être consulté avec différentes présentations variant les couleurs, grâce aux feuilles de style alternatives. Les couleurs propres à la configuration de l'utilisateur sont seules utilisées dans les présentations Minimale et Sans habillage ;
• les informations convoyées par des couleurs sont également accessibles sans couleur, à l'aide d'autres caractéristiques du texte ou des images : bordures, soulignement, graisse, fonte, etc (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 (priorité 2).

Langue

• le texte par défaut d'OpenWeb étant en français, les changements de langue sont signalés à l'aide de l'atribut xml:lang ;
• la langue principale de chaque page est spécifiée dans les attributs xml:lang et lang de l'élément html (priorité 3).

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 covoiturage.beziers-agglo.org repose exclusivement sur des feuilles de style externes (priorité 2) ;
• les pages de covoiturage.beziers-agglo.org sont structurées à l'aide des titres h1-h6, employés dans l'ordre approprié (priorité 2) ;
• les informations formant des listes d'items sont balisées à l'aide des éléments ul, ol et dl (priorité 2) ;
• les informations-clés sont placées au début des entêtes, paragraphes, listes, etc. Les articles sont précédés d'un résumé (priorité 3) ;
• le style de présentation de covoiturage.beziers-agglo.org est cohérent sur l'ensemble du site, une feuille de style unique étant utilisée (priorité 3).

Tableaux

• les tableaux ne sont utilisés sur ce site que pour la structuration de données, et non pour la présentation (priorité 1) ;

Redimensionnement

• afin de permettre aux utilisateurs de modifier la présentation de covoiturage.beziers-agglo.org, et spécialement la taille des caractères affichés, la mise en page repose sur l'emploi d'unités relatives (em et pourcentages) plutôt qu'absolues (pixels) (priorité 2) ;
• pour faciliter ce redimensionnement, OpenWeb peut être consulté dans la présentation Minimale qui ne spécifie aucune taille de caractères

Navigation et liens

• les menus de navigation reflètent la structure de l'information (priorité 2). Ils sont présents sur chaque page, et donnent accès à l'ensemble du site en permanence (priorité 3) ;
• les liens apparentés sont regroupés logiquement et structurellement. L'utilisation du titrage permet de contourner les groupes de liens dans Jaws (priorité 3) ;

Formulaires

• La plupart des éléments apparent des formulaires sont associés à un élément label (priorité 2) ;