Accessibilité
Règles d'accessibilité
La version actuelle du site essaye de respecter, autant que faire se peut, les règles d'accessibilité de niveau 1, 2 et 3;
Regroupées en 7 thèmes (priorité 2), les pages du site sont subdivisées en rubriques et assorties de résumés si nécessaire (priorité 3);
Le site fait régulièrement l'objet d'améliorations. Néanmoins, si vous rencontrez une erreur, un oubli ou une difficulté dans une page, ayez l'obligeance de le signaler à l'auteur du site par le biais de la page contact.
Liens d'évitement et raccourcis clavier
Le site ne fait pas usage de liens d'évitement et lui préfère la norme ARIA. Cette norme fournit des attributs HTML permettant de mieux prendre en compte la structure d'une page web et améliore l'interaction avec le site au moyen du clavier.
Toutefois, la version linguistique, la page contact, le plan du site et les flux RSS ou atom sont accessibles au sein de chaque page:
- Dans les navigateurs Firefox et Internet Explorer, utililiser la touche Tab;
- Dans Safari, ouvrir le menu Edition/Préférences/Avancées et cocher la case La touche Tab permet de mettre en surbrillance les objets de la page web pour activer cette touche;
- Dans Opera, utiliser la combinaison des touches Shift ↑, Shift →, Shift ↓ et Shift ←.
Notons que naviguer à l'aide du seul clavier est bien plus aisé avec Firefox ou Internet Explorer qu'avec Safari ou Opera.
Langues
Le texte existe en français et anglais; les éventuels changements de langue au sein d'un texte sont signalés à l'aide de l'attribut xml:lang;
La langue principale de chaque page est spécifiée dans les attributs xml:lang et lang (priorité 3);
Il est possible d'accéder au texte dans l'autre langue au sein de chaque page.
Structure et présentation
La distinction entre présentation et contenu permet de préserver la cohérence du texte en dehors de toute feuille de style: titre, menus, rubriques, contenu etc. (priorité 1);
La mise en page du site repose sur des feuilles de style externes (priorité 2);
La présentation du site et des thèmes reste cohérente sur l'ensemble du site, sous réserve du choix de couleurs plus appropriées à des thèmes spécifiques (nature). Un même type de feuille de style est appliqué tout au long du site (priorité 3);
Les informations essentielles sont placées dans les en-têtes précédant le contenu proprement dit. Les pages du site sont structurées à l'aide des éléments h1, h2, h3, h4 et h5 employés dans l'ordre indiqué (priorité 2);
Les informations sous forme de listes sont présentées à l'aide des éléments ul, ol et dl (priorité 2).
Navigation et liens
La navigation reflète la structure de l'information (priorité 2); elle est présente sur chaque page et permet d'accéder à tout moment à l'ensemble du site (priorité 3).
Les liens adjacents sont séparés par un caractère imprimable (-) afin d'éviter leur confusion dans les technologies d'assistance (priorité 3). Néanmoins, ce n'est pas le cas des liens placés dans une liste non ordonnée car cette dernière contient une césure naturelle.
Le site fait usage de menus déroulants (s'ouvrant à partir d'un clic) pour faciliter la navigation à l'aide du seul clavier et simplifier l'accès aux téléphones mobiles.
Images
Toutes les images significatives sont assorties d'un texte descriptif au moyen des attributs alt et title lorsque ce dernier s'avère utile. L'attribut alt des images non significatives est vide (priorité 1);
Les images ne font qu'illustrer le texte car l'essentiel de l'information est fournie par le texte lui-même (priorité 2).
Vidéos
Toutes les vidéos de YouTube et DailyMotion présentées sur le site sont assorties d'un texte alternatif (priorité 1).
Couleurs
Les informations délivrées par des couleurs sont également accessibles à l'aide d'autres traits distinctifs: bordure, soulignement, grasse, fonte, etc. (priorité 1);
Le niveau de contraste des couleurs d'arrière plan et d'avant plan peut être perçu par des personnes souffrant d'une déficience de perception des couleurs ou sur un écran noir et blanc (priorité 2).
Tableaux
Les quelques tableaux du site sont fournis pour structurer les données et non pour leur seule présentation (priorité 1);
Les en-têtes de lignes et de colonnes sont identifiés par l'élément th (priorité 1);
Les tableaux sont assortis de l'élément caption et scope ou headers (priorité 1).
Scripts
Les quelques scripts utilisés sur le site n'influent nullement sur la navigation ou la consultation des pages. Celles-ci restent accessibles sans support javascript (priorité 1).
Formulaires
Chaque élément apparent des formulaires est associé à l'élément label (priorité 2);
Pour éviter un traitement incorrect des contrôles vides, des valeurs par défaut sont incluses dans les zones de texte (priorité 3).
Abréviations
Les acronymes sont mis en évidence à l'aide de l'élément abbr (l'élément acronym n'est pluss utilisé). L'attribut title précise leur signification lors de leur apparition dans la page (priorité 3).
Échelle du site
L'échelle du site s'adapte à des écrans de taille et de résolution variées. Afin de permettre aux utilisateurs de modifier cette échelle, tout particulièrement la taille des caractères, la mise en page repose sur l'emploi d'unités relatives: em et % (priorité 2). Il en est de même pour l'impression du texte d'une page quelconque.
Pour modifier la taille du texte:
- Dans Firefox et Internet Explorer, ouvrir le menu Affichage/Taille du texte;
- Dans Safari, ouvrir le menu Présentation/Agrandir la taille du texte;
- Dans Opera, presser les touches + ou - (shift+ ou shift-) pour agrandir ou diminuer la taille du texte.
Pour modifier la taille de la page, utiliser le zoom:
- Dans Firefox, Opera et Internet Explorer, presser les touches Ctrl+ ou Ctrl-;
- Dans Safari, pas d'équivalent clavier sauf dans la version Mac.
Recommandations du W3C
Le code XHTML est conforme à la Spécification XHTML 1.0 Strict et testé à l'aide du validateur HTML du W3C;
Le code CSS est conforme à la Spécification CSS2 et testé à l'aide du validateur CSS du W3C;
Les pages du site appliquent les Web Content Accessibility Guidelines (WCAG) 2.0 et sont testées à l'aide des validateurs Wave et FAE.
EN