Afin de s’associer aux efforts en terme de politique d’accessibilité au niveau international, l’OPH du Cantal s’est engagé à prendre en compte les contraintes liées à cet objectif pour toutes ses informations numériques, et de respecter au mieux les normes en vigueur.

Si malgrès tous nos efforts, vous rencontrez avec une aide technique une difficulté de navigation sur le site, veuillez contacter le webmaster.

Présentation de l’accessibilité :

La loi n°2005-102 pour "l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées" a été adoptée en France le 11 février 2005. L’article 47 stipule : "Les services de communication publique en ligne des services de l’Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées". Les règles à suivre sont celles du "Référentiel accessibilité des services Internet de l’administration française" publié par l’ADAE (Agence pour le Développement de l’Administration Electronique).

Définition de l’accessibilité (source braillenet) :

L’accessibilité du Web, c’est :

« Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »

L’accessibilité, un choix général :

Un site Web accessible est un site auquel il est possible d’accéder de façon équivalente, quels que soient le dispositif technique utilisé, le logiciel de lecture et ses options de personnalisation. Une bonne conception en amont est la condition pour que l’adaptation sur le poste client soit possible.

L’accessibilité, un choix citoyen :

Un site accessible permet aux personnes handicapées d’y accéder à l’aide de dispositifs techniques spécifiques ; L’accessibilité du Web augmente leur autonomie ; L’accessibilité du Web est un facteur d’intégration sociale, professionnelle et culturelle ; En France plus de 4 millions de personnes concernées, près de 40 millions en Europe ;

L’accessibilité, un choix économique :

Pérennité du site dans un contexte d’évolution technologique permanente Diminution des coûts de maintenance Plus grande qualité du service pour tous Meilleure image du service

L’accessibilité, un choix international :

WAI/W3C. ce sont des normes mondiales ! Des directives largement disséminées. Un principe adopté par la communauté européenne

Développements techniques liés à l’accessibilité du site

La plupart des sites Internet publics ne tiennent pas compte des critères d’accessibilités : par exemple, les images ne sont pas commentées, les liens trop longs ne tiennent pas en entier sur une plage braille (72 caractères maximums) ou les pages sont inaudibles via des navigateurs vocaux (noms des images inaudibles, menus en début de pages sans raccourcis pour les passer, java scripts spéciaux empêchant la lecture du contenu par les navigateurs textes ou aides techniques pour personnes handicapées, informations textuelles sous forme d’images, tailles de textes bloqués...)

Le travail technique sur ce site aura concerné :

• Les éléments graphiques : Il faut apposer une balise pour la rendre transparente aux navigateurs si l’image n’est qu’un élément décoratif. Ces règles s’appliquent aussi aux cartes avec zones réactives. De la même manière, les images « à contenu » nécessitent une balise permettant la rédaction d’un descriptif détaillé et pertinent. Si l’image est un lien, une balise doit aussi indiquer la fonction du lien.
  en savoir plus sur les règles concernant les images.
• Les cadres (plusieurs assenceurs découpant la page) ont été évités.
  en savoir plus sur les règles concernant les cadres.
• Les palettes de couleurs : même lorsque les couleurs sont désactivés (mode noir et blanc), l’intégralité du site est visible et les contrastes dans les deux cas sont suffisants. Aucune information n’est donnée uniquement par la couleur.
  en savoir plus sur les règles concernant les couleurs.
• Les multimédias : une alternative est toujours prévue pour les médias (par exemple un transcript et un soutitrage pour un film ).
  en savoir plus sur les règles concernant les médias.
• Les tableaux : De la même manière que les images, les tableaux comportent des balises titres, fonctions, entêtes de colonnes et commentaires spécifiques permettant aux publics différents d’appréhender leur contenu. Chaque cellule est reliée à l’entête de colonne et est "correctement ordonnée".
  en savoir plus sur les règles concernant les tableaux.
• Les scripts : certains navigateurs "vocaux" ne peuvent pas exécuter certains scripts (menus dynamiques, animations de textes ou de liens). Le contenu intégral a un accès alternatif en cas de non fonctionnement des scripts.
  en savoir plus sur les règles concernant les scripts.
• L’insertion des éléments obligatoires (lang, doctype, title) sur chaque page (correspondant aux normes W3C) permet aux navigateurs alternatifs d’adapter leurs modes de lecture.
  en savoir plus sur les règles concernant les éléments obligatoires.
• L’homogénéisation de la structure de l’information et l’insertion de « passerelles » et raccourcis « handicaps » identiques sur toutes les pages.
  en savoir plus sur les règles concernant l’homogénéisation de la structure de l’information.
• La Présentation de l’information : pour présenter des contenus ou des présentations alternatives et ne pas avoir à les modifier plusieurs fois à chaque mise à jour, le contenu a été séparé du contenant (feuilles de styles, et mode dynamique) et même sans feuille de style, l’information reste consultable.
  en savoir plus sur les règles concernant la présentation de l’information
• Les Formulaires : des attributs spécifiques aux champs de saisie ont été créés et reliés aux textes descriptifs de ces champs (LABEL, ID, FOR), les boutons de validations sont commentés comme les liens, et le contrôle de saisie se fait du « coté du serveur » (par exemple les champs obligatoires).
  en savoir plus sur les règles concernant les formulaires
• L’Aide à la navigation et les contenus accessible : De manière à ne pas relire un menu à chaque début de page, des liens internes à la page respectant les règles précédentes permettent une navigation plus aisée (aller au contenu). Une navigation passive a aussi été intercalée (page suivante et précédente), et les raccourcis claviers homogènes sont en place. Les redirections, ouvertures de nouvelles fenêtres et téléchargements sont aussi assistés par des méthodes alternatives aux scripts et commentées dans les liens.
  en savoir plus sur les règles concernant les aides à la navigation en savoir plus sur les règles concernant les contenus accessibles

Contraintes rédactionnelles liées à l’accessibilité

Les pages d'actualités accessible sur www.oph15.fr sont générées à l’aide d’un outil développé par la société TRYALIS EURL pour l'OPH du Cantal.

Cet outil permet un travail contributif et à distance de plusieurs rédacteurs sur le même contenu. Un administrateur de rubrique valide ensuite la rédaction tout en veillant à ce que les critères d’accessibilité aient été respectés avant publication.

Les autres pages du site disponibles en ligne sont régies par les critères d'accessibilités suivants :

Eléments graphiques (Images) :

• Chaque élément graphique se trouvant sur une page web contient une alternative textuelle ("alt") qui est appropriée au contexte ou équivalente au texte qui y figure. Le texte de l’alternative ne dépasse pas 60 caractères.
• Les éléments graphiques de décoration ont une alternative textuelle nulle
• Les images "map" (avec plusieurs zones réactives) disposent d'une alternative textuelle pertinente et leurs zones réactives sont ordonnées logiquement.
• Si un élément graphique nécessite une description détaillée (plus de 60 caractères), un commentaire texte lui est associé ("Longdesc") qui décrit exhaustivement toutes les informations contenues dans l’image.

Les couleurs :

• L’information donnée par la couleur est toujours lisible même si les couleurs sont désactivées. Il faut aussi que les différences de contrastes entre les couleurs doivent être suffisamment élevées.

Multimédia

• L’utilisateur est en mesure de récupérer toutes les informations fournies dans les supports multimédias d’une autre manière.
• Le contenu multimédia est synchronisé avec son alternative.

Les tableaux

• Tous les tableaux contenus dans une page Web possèdent un titre (CAPTION) et un résumé (SUMMARY) pertinent de leur contenu
• Dans les tableaux de données, il existe des "en-têtes" de colonnes (TH) appropriés et chaque contenu de cellule est relié (ID, HEADERS) à l’en-tête de colonne auquel il est associé.
• Dans un tableau de mise en forme, le contenu est correctement ordonné et un attribut SUMMARY y figure.

Liens

• L’intitulé du lien ne dépasse pas 80 caractères, est compréhensible et explicite hors contexte (mots clefs) et à un titre (TITLE) décrivant la fonction du lien
• Chaque intitulé de liens identique mène vers la même destination.
• Il y a au maximum 9 liens par niveau de navigation et au maximum 40 liens par pages hors les liens de navigation.

Scripts

• Tous les scripts d’une page web disposent d'une alternative (NOSCRIPT) équivalente au cas où le navigateur ne les gère pas ou l’utilisateur les a désactivés.

Les éléments obligatoires

• Chaque page web dispose d'un titre (TITLE) explicite et non redondant (unique).
• Pour chaque page web, le type de document (DTD), la langue utilisée (LANG) et les éléments de description de la page (META, CHARSET) sont spécifiés.

Structuration de l’information

• La structure de l’information est cohérente par rapport au contexte et la structure de la page utilise les balises H1, H2,…H6 contenant de l’info.
• Le site possède un plan, une page d’aide à la navigation et un moteur de recherche interne atteignables sur toutes les pages du site au même endroit.

Présentation de l’information

• Le contenu d’une page web est séparé du style (feuilles de style)
• La dimension des éléments structurels est définie de manière relative et la police des caractères appartient à la famille « sans sérif » (police sans empattements facile à lire à l’écran).

Les formulaires

• Les champs de saisies d’un formulaire sont reliés à leurs textes explicites en utilisant les balises (ID, FOR, LABEL)
• Les blocs d’information de même nature sont regroupés (FIELDSET) et possèdent un titre (LEGEND).
• Le contrôle de saisie des champs d’un formulaire sont accessible à tous.

Aide à la navigation

• La Navigation est cohérente. Le menu de navigation est présent à la même place sur toutes les pages du site.
• Des liens et des barres de navigation (fil d’ariane) sont aussi présents.
• Il existe des raccourcis claviers pour les liens importants actifs sur toutes les pages, la liste suivante est celle utilisée sur ce site :
  • "s" : passer le menu,
  • "1" : page d’accueil,
  • "3" : plan du site,
  • "4" : moteur de recherche,
  • "7" : contact,
  • "8" : politique d'accessibilité.
• Le poids de la page ne dépasse pas 70 ko

Contenus accessibles

• L’utilisateur a le contrôle du rafraîchissement de la page
• Les ouvertures des pages dans de nouvelles fenêtres sont indiquées péalablement.
• Les fichiers téléchargeables existent sous différents le format PDF.
• Les éléments de textes (titres, sous-titres, phrases,...) ne sont pas être écrits en lettres majuscules.
• Chaque acronyme, abréviation ou sigle est défini correctement (TITLE)
• Si un acronyme est présent et n’a pas de description sur la page chaque lettre est séparée par un point
• Une page Web fait au maximum 3 écrans en résolution 1024*768 si aucune navigation interne n’est prévue.