Politique d'accessibilité (EN)

L'accessibilité est un facteur d'intégration sociale, professionnelle et culturelle de ces personnes.

Rendre accessible le site internet du Conseil Général aux non-voyants et mal voyants s'inscrit dans la démarche d'un meilleur service aux usagers.
Ce projet a été mis en place tout au long de l'année 2003 décrétée « Année européenne des personnes handicapées par le Conseil de L'Union Européenne », pour aboutir en Mai 2004.

Les Besoins en matière d'accessibilité

Un site accessible doit être compatible avec des plate-formes permettant l'accès à des personnes handicapées.

• L'utilisateur déficient visuel peut lire l'écran de son ordinateur à l'aide d'un afficheur braille ou d'une synthèse vocale (ou les deux à la fois).Il se déplace à l'écran en utilisant des touches de déplacement, soit sur un clavier spécial, soit en utilisant le clavier standart.
• Un utilisateur mal voyant peut faire appel à des fonctions de personnalisation du système d'exploitation et naviguer avec des polices de caractères, des couleurs, des contrastes adaptés de manière à utiliser au mieux ses possibilités visuelles ou bien mettre en œuvre un logiciel d'agrandissement, sorte de loupe.

Une réponse adapté aux besoins de chacun

Afin de répondre au mieux à ces besoins, l'élaboration du nouveau portail vosges.fr a été réalisé en collaboration avec Eolas, société spécialisée en accessibilité web.

Ce travail commun a permis de mettre en place :

• un développement technique respectant les recommandations internationales relatives à l'accessibilité des contenus électroniques (normes WAI),- une conception graphique et ergonomique prenant en compte les notions d'accessibilité,
• une politique d'accessibilité disponible sur le site.

Ainsi conformément aux recommandations WAI,

• L'ergonomie du site est soignée et permet une grande simplicité de navigation agrémentée de points de repères utiles : plan interactif, moteur de recherche…- le contenu des pages est séparé de sa présentation spécifique au moyen de feuilles de styles afin de ne pas gêner la lecture par plage braille ou synthèse vocale.- Les fichiers proposés au téléchargement dans des formats peu accessibles, au format PDF par exemple, possède des formats de fichiers alternatifs tels que le RTF, TXT,HTML…
• Chaque élément graphique figurant dans une page Web possède une description (alternative textuelle)
• Des raccourcis claviers permettent d'accéder plus facilement aux pages souhaitées.

Label Vue

Pour agrémenter ce développement, un petit utilitaire nommé Label Vue est à la disposition de l'internaute.

En effet, le service Label Vue, crée par Visuel Friendly peut générer en temps réel différentes versions d'un même site pour l'adapter aux besoins et envies spécifiques des internautes. Label Vue donne à chacun une " interface utilisateur " personnalisée (choix de position des éléments fonctionnels (navigation par exemple), choix de couleurs, de taille de caractères ou choix d'une version optimisée pour plage braille et/ou synthèse vocale.

En savoir plus sur l'accessibilité du site vosges.fr :

Voici un extrait - adapté au contenu du site du Conseil Général des Vosges - d'un article publié par l'OpenWebGroup. Les modifications réalisées au sein de ce document n'engage en rien les responsabilités de l'OpenWebGroup et de l'auteur original.

Cette déclaration de conformité est valide au début de l'année 2004. Les évolutions - sur le contenu et les fonctionnalités - réalisées après cette date ne seraient garantir la conformité de ce site à la WCAG 1.0 dans sa priorité de niveau 1.

Accès clavier

Pour accéder aux sections dont des racourcis claviers ont été définis, utilisez les combinaisons des touches suivante :

• sous Windows : alt + maj + une touche ou alt + une touche (pas du pavé numérique) ;

• sous Macintosh : ctrl + maj + une touche ou pomme + une touche (pas du pavé numérique) .

Les parties concernées et les touches numériques associées sont :

• la Politique d'accessibilité (ce document) - touche 0 ;
• La page d'accueil - touche 1 ;
• Le texte principal de la page - touche 2 ;
• Le plan du site - touche 3 ;
• le moteur de recherche - touche 4 ;
• L'espace service - touche 5 ;
• La page mentions légales - touche 8 ;
• La page de contact - touche 9 .

A noter que sous Internet Explorer c'est en réalité la pression de la touche "ENTER" qui activera le raccourci. (ALT + MAJ + touche + ENTER).

Styles alternatifs

Ce site 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 ;

• 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 Fond noir/Gros caractères où la taille des caractères est augmentée ;

• 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 :

• depuis le menu Affichage des navigateurs supportant les styles alternatifs : menu Utiliser une feuille de style dans Netscape 7, menu Style dans Opéra 7… Dans les versions actuelles de ces navigateurs, le choix d'une présentation autre que celle par défaut n'est cependant pas persistant : il doit être répété pour chaque page consultée ;

• depuis le formulaire ci-dessous (tabindex 1). Le style choisi est alors persistant .

  Choisir un habillage :

  Fond noir Minimal Normal Sans habillage

Respect des normes W3C

• le code HTML est conforme à la Spécification HTML 4.01. 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 ;

• Les contenus suivent les Directives pour l'accessibilité aux contenus Web. Elles sont testées à l'aide des validateurs Bobby et Wave.

Règles d'accessibilité respectées

• toutes les règles d'accessibilité de niveau 1 ;

• une majorité des règles d'accessibilité de niveau 2 ;

• quelques une des règles d'accessibilité de niveau 3 .

Images

• un équivalent textuel est fourni via l'attribut alt des images significatives. 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 HTML permettant de transmettre l'information concernée (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 : 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 étant en français, les changements de langue sont signalés à l'aide de l'atribut lang - notament sur les liens par la spécification de l'attribut hreflang ;

• la langue principale de chaque page est spécifiée dans les attributs lang de l'élément html (priorité 3) ;.

Structure et présentation

• l'utilisation des propriétés de positionnement CSS, en séparant - dans la mesure du possible - présentation et contenu, permet aux documents de conserver hors CSS un ordre cohérent : titre, contenu, menus (priorité 1) ;

• Ce site est organisés en sections regroupant les articles par thèmes (priorité 2) ;

• la mise en page repose exclusivement sur des feuilles de style externes (priorité 2) ;

• les pages 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) .

Tableaux

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

• les en-têtes de lignes et de colonnes y sont identifiés par l'élément th (priorité 1) ;

• Les cellules de données sont associées aux en-têtes par l'utilisation de l'attribut scope (priorité 1) ;

• Les tableaux sont associés à un titre via l'élément caption et à une description via l'attribut summary (priorité 3) ;

Scripts

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

Redimensionnement

• afin de permettre aux utilisateurs de modifier la présentation, 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, ce site peut être consulté dans la présentation Minimale qui ne spécifie aucune taille de caractères .

Redirection

• les redirections éventuelles d'une page vers une autre sont gérées exclusivement au niveau serveur, et non à travers le balisage (priorité 2) .

Métadonnées

• les pages utilisent un jeu de métadonnées normalisées (Dublin Core - priorité 2) ;

• pour chaque document, il est spécifié dans l'en-tête de page, les versions alternatives disponibles (priorité 1 et 2) :

  • une "version brute" - sans feuilles de style et sans les éléments de navigation ne comprenant que le contenu principal ;
  • l'ensemble des versions disponibles en d'autres langues si elles existent .

  La navigation respect la version alternative en cours. Cela signifie que si le document est consulté depuis sa "version brute", l'ensemble des liens pointerons sur la "version brute" des documents cibles.

• pour chaque document, il est spécifié dans les entêtes HTML, les relations du contenu courant avec un certain nombre d'autre éléments de l'arborescence (priorité 2 et 3) :

  • Les sections principales du site sont accessible grace à l'utilisation de l'élément link et des attributs home, help, contents, search, author, copyright et chapter ;

  • Au sein d'un niveau de l'arborescence, l'éléments link et les atributs up, first, last, prev et next sont utilisés pour spécifier le document parent, les premiers et derniers contenus du niveau ainsi que les documents qui précèdent et suivent le document courant ;

  • Pour chaque contenu l'ensemble des sous sections éventuelles, sont spécifiées par l'utilisation de l'élément link et de l'attribut subsection .

  Ces éléments permettent - depuis les "versions brutes" - d'accéder à l'ensemble des contenus du site .

  Ces informations sont accessibles depuis le menu "Affichage" des navigateurs supportant les métadonnées:

  • Menus "Barre d'outils > Barre de navigation su site > Afficher si nécessaire" dans Mozilla ;
  • Menus "Barre de navigation > Automatique" dans Opéra 7 ;

Navigation et liens

• le plan du site est accessible depuis chaque page par le racourci clavier 3 ;

• 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) ;

• l'accès au moteur de recherche est possible par le racourci clavier 4 .

Formulaires

• chaque élément apparent des formulaires est associé à un élément label (priorité 2) ;

Version alternative des fichiers attachés

• chaque fichier attaché à un document possède une version alternative en mode texte brut. Seul les documents présentant les "Appels d'offres" ne respectent pas cette consigne pour des raisons de sécurités de publication ;

• les liens vers ces versions alternatives - accessible depuis l'ensemble des habillages hormis "Normal" - est présent à la suite des liens vers les versions peu accessible .