Vous êtes ici : Accueil > Politique d’accessibilité

Politique d’accessibilité

Le site « accesbilis » a été conçu pour être accessible aux personnes souffrants de handicap visuel, moteur, cognitif ou auditif, aux personnes vieillissantes et plus généralement à tout internaute quel que soit son équipement. Une attestation de conformité a été rédigée, suite à l’application des tests unitaires du RGAA.

Application du RGAA

Les recommandations internationales du W3C en matière d’accessibilité ont été prises en compte dès la conception de ce site. Pour valider l’accessibilité, les tests unitaires du Référentiel Général d’Accessibilité pour les Administrations (RGAA) ont été appliqués en phase de conception, d’intégration, de développement, de rédaction du contenu et pour finir de mise en ligne du site. Ils continuent à être utilisés en phase de suivi.

Le contenu des pages est séparé de sa mise en forme grâce aux feuilles de style CSS. Ainsi, l’intermaute peut ajouter sa feuille de style personnalisée si les choix effectués par le site ne lui conviennent pas et continuer à accéder au contenu sans obstacles.

Le niveau d’accessibilité recherché est le niveau AA, recommandé par le RGAA. Certains tests de niveau AAA ont été appliqués et sont conformes comme la présence d’un fil d’ariane, ou l’espacement entre les lignes.

Attestation de conformité au RGAA

Accesbilis a rédigé une déclaration attestant la conformité de son site à la version 2.2.1 du RGAA publiée le 27 février 2012 (version antérieure : novembre 2011).

Cette attestation de conformité au RGAA (pdf, 117 Ko) contient la liste des pages ayant fait l’objet de la vérification de conformité et les résultats de l’application des tests unitaires du RGAA. Elle a été générée par l’outil d’évaluation Opquast Reporting, édité par la société Temesis.

Résultats des tests par thématique

Pour éviter une présentation trop technique des résultats, une restitution synthétique a été privilégiée, dont le contenu se veut plus compréhensible par les utilisateurs.

Cadres

Le site n’utilise pas de balise frame et iframe

Couleurs

La charte graphique du site a prévu un contraste suffisant entre la couleur du texte et celle de l’arrière plan (dans une image ou dans un contenu textuel). L’outil Color Contrast Analyser permet de valider ce taux de contraste.

La page courante est signalée dans le menu de navigation par une couleur différente et par le soulignement du lien. Ainsi la couleur n’est pas le seul moyen pour identifier le contenu.

Formulaires

Pour chaque information à saisir, une étiquette est étroitement associée à l’élément de formulaire. L’étiquette de chaque champ indique le caractère obligatoire de la saisie et le format à respecter. Les erreurs de saisies sont indiquées en début de formulaire et associées à chaque élément devant être modifié.

Images

Un texte de remplacement est proposé à l’internaute pour toute image véhiculant une information. Les images décoratives sont des images d’arrière plan en CSS. Les images associées à un lien ou à un bouton ont une alternative textuelle qui indique la destination du lien ou l’action déclenchée. Ainsi, les utilisateurs d’un lecteur d’écran et ceux qui désactivent l’affichage des images pour réduire le temps de chargement des pages (connexion bas débit) ou encore les moteurs de recherche auront accès au texte de remplacement.

Multimédia

Le site ne met pas de vidéo en ligne. Les éléments marquee, blink et bgsound ne sont pas utilisés.

Navigation

Chaque lien possède un intitulé significatif. En cas de présence du lien « En savoir plus » ou « lire l’article en entier », le champ title de la balise est renseigné avec un contenu plus important que l’intitulé du lien et précisant la destination. Le format, le poids et la langue (si différente du contenu de la page) des fichiers disponibles au téléchargement sont mentionnés dans l’intitulé du lien.

Aucune nouvelle fenêtre n’est ouverte lorsqu’un lien est activé. Aucun rafraîchissement ni redirection automatique de page n’est effectué.

Le plan du site est accessible depuis toutes les pages y compris la page d’accueil. Un fil d’ariane est présent sur chaque page sauf la page d’accueil. La barre de navigation principale est présente dans l’entête de chaque page. Des liens d’accès direct au contenu et au menu principal sont présents au début de chaque page. Le site propose un moteur de recherche. La page courante est signalée dans le menu de navigation par une couleur différente et par le soulignement du lien.

De même, un internaute qui ne pourrait pas se servir de la souris peut naviguer sur le site uniquement avec le clavier.

Présentation

L’espacement entre les lignes est 1,5 fois supérieur à la taille du texte. L’espacement entre les paragraphes est 1,08 fois supérieur à la taille de l’espacement entre les lignes (le facteur 1,5 préconisé est trop important). Le texte n’est pas justifié. Ainsi, les personnes ayant des déficiences cognitives et visuelles sont aidées dans la lecture du texte.

L’utilisateur peut agrandir la taille des caractères à l’aide de la fonction d’agrandissement de son navigateur sans perte d’information ni de fonctionnalités (soit 200% ou 6 fois CTR+ sous Firefox).

La mise en forme est effectuée par les feuilles de style, les éléments HTML servent à structurer le contenu de la page.

En dehors des menus, les liens sont toujours soulignés et de couleur différente de celle du texte. La couleur du texte est toujours définie avec une couleur de fond. les personnes malvoyantes, ayant des problèmes de perception des couleurs, utilisant leurs propres feuilles de style, ou ayant un écran monochrome ou avec peu de couleurs peuvent encore accéder à l’information.

L’effet visuel au focus des éléments n’est pas supprimé, il est même accentué. Ainsi, les utilisateurs naviguant au clavier repèrent facilement leur position dans le parcours de la page. Les éléments masqués sont toujours lisibles par les lecteurs d’écran.

Scripts

L’interaction au niveau des carrousel d’images et des onglets est assurée par du code JavaScript avec l’utilisation de la bibliothèque JQuery. Le code est externe à la page, il est non intrusif. Si l’utilisateur désactive JavaScript, les images sont toujours consultables, un ascenseur vertical apparaît. Même chose pour les onglets qui apparaîssent tous dans la page. Les boutons des carrousels sont codés avec la balise button et non avec un lien ou une balise input de formulaire comme c’est souvent le cas. Ainsi le rôle de chaque balise est respecté. Le contenu de la balise button est une image avec une alternative indiquant la fonction du bouton.

Standards

Chaque page du site est conforme à la norme XHTML strict, possède un titre significatif et mentionne la langue principale. Ainsi, les technologies d’assistance et les navigateurs interprètent correctement le contenu. Les lecteurs d’écran et leur synthèse vocale restituent le contenu avec le bon accent. Un lien vers le validateur XHTML du W3C permet de tester la conformité de la page au standard.

Structure

Le contenu textuel des pages est structuré en paragraphes regroupés dans des sections, avec l’utilisation de liste pour les énumérations. Les en-têtes de section sont hiérarchisés. Ils permettent d’identifier l’organisation de la page. Ils rendent possible l’extraction d’une table des matières par les lecteurs d’écran et l’accès direct aux différentes sections.

Une version non abrégée est associée à la première occurence de chaque abréviation présente dans le contenu d’une page ou d’un article. Seule la page « Plan du site » ne vérifie pas cette proposition car les liens sont générés automatiquement à partir des titres des pages ou articles.

Les documents téléchargeables au format PDF sont nativement accessibles. Le contenu est conçu sous OpenOffice qui possède une fonction d’exportation au format PDF balisé.

Tableaux

Les en-têtes de colonnes ou de lignes sont signalés et rattachés aux cellules. Ainsi, le lecteur d’écran associe l’intitulé de la colonne ou de la ligne au contenu de la cellule que l’utilisateur consulte. Un tableau possède un titre et un résumé significatifs.

Textes

Les changements de langue à l’intérieur d’un contenu sont signalés pour que la synthèse vocale  des lecteur d’écran puisse changer d’accent.