Accessibilité du site en conformité avec w3c et css

Accessibilité

«La nature du web est son universalité. Il doit être accessible à toutes les personnes handicapées.»
Tim BERNERS LEE, Directeur du W3C.

Un site Internet accessible permet donc aux internautes ayant un handicap d'accéder à l'ensemble de son contenu.
Des critères d'accessibilité ont été définis par le WAI (Web Accessibility Initiative), organisme du W3C (World Wide Web Consortium), qui œuvre à la définition de standards de construction des sites Internet.

Critères d'accessibilité

Voici les principaux critères d'accessibilité mis en œuvre sur le site de la Loge Unie des Théosophes :

- Les éléments graphiques (visuel) possèdent une alternative textuelle (en html) pertinente ; par exemple, une image (« Portrait de H.P. Blavatsky »); un plan (« Plan d'accès à la Loge, 11bis, rue Kepler, Paris 75116 ») ;

- Les audioconférences possèdent une alternative textuelle (en html) avec leurs titres ;

- Le site n'utilise pas de cadres et répond donc par défaut aux critères liés à leur utilisation ;

- L'information donnée par la couleur est lisible lorsque les couleurs sont désactivées et les contrastes sont suffisamment élevés ; par exemple, par le contexte ou par balises, "Markup";

- Les liens sont explicites (en termes significatifs sur la cible) et commentés ;

- Un Plan du Site et un Moteur de Recherche sont accessibles depuis l'ensemble des pages ;

- Le contenu de la page est séparé de sa présentation (styles CSS) et reste structuré dans un ordre sémantique lorsque les styles sont désactivés ;

- Les polices utilisées appartiennent à la famille des polices « sans sérif » et sont définies en valeur relative, de manière à permettre à l'internaute d'agrandir la taille des caractères ; par exemple, lettres et chiffres en Verdana recommandée pour le confort visuel;

- Les menus de navigation sont présentés de manière consistante sur l'ensemble des pages.

Navigateurs cibles

Ce site est optimisé en Xhtml strict, conforme aux recommandations du w3c.

Il a été testé dans les navigateurs suivants :

• Internet Explorer version 6 et version 7 (PC)
• Firefox3 (Mac et PC)
• Safari3 (Mac)
• Google Chrome0.3 (PC)
• Opera9 (Mac et PC)

Les critères suivants sont ne sont pas utilisés pour le moment :

- Les informations fournies dans les contenus multimédia sont proposées sous une autre forme (non utilisé);

- Les tableaux sont utilisés uniquement pour les données et sont commentés par les balises appropriées ; par exemple, le tableau des audioconférences actuellement ou la liste des adresses des loges internationales ;

- La disposition des champs et intitulés de formulaires est sans ambiguïté et ils sont commentés par les balises appropriées ; par exemple, pour le moteur de recherche.

L'utilisation du site

La structure du site est donnée avec les 3 niveaux de navigation principale. Cette organisation du site indique sur chaque page l'endroit où l'on se trouve dans le site.

De surcroît, une navigation secondaire est offerte sur chaque page avec les possibilités suivantes :

• Accueil : retour à la page d'accueil (première page du site) ;
• Mobile : page accessible par un mobile ;
• Glossaire : de mots importants de la Théosophie ;
• Plan du site : table de matières du site avec les intitulés de niveaux de navigation en linéaire ;
• Moteur de recherche : d'un mot dans le site et d'un mot dans des livres offerts par une liste ;
• Ecrivez-nous : permet à l'internaute l'envoi d'un courriel.

Il y a aussi deux fonctions supplémentaires, en haut à droite, sur chaque page :

• Imprimer cette page ;
• Envoyer par mail le lien vers cette page.

La fenêtre du navigateur est en « design fluide » permettant d'ajuster sa taille par le coin en bas à droite, tout en conservant le modèle de conception avec ses proportions sur l'écran.

Les raccourcis claviers par exemple, en bordure au-dessus de l'en-tête : aller au contenu, aller au menu principal, politique d'accessibilité. Sur chaque page, il y a un clique "haut de page"; et sur les pages de glossaire qui sont organisées par lettre de l'alphabet il y a un clique vers le "haut de glossaire".

• 0 : Liste des raccourcis clavier utilisés
• 1 : Accueil
• 2 : Aller au contenu (passer le menu)
• 3 : Plan du site
• 4 : Moteur de recherche
• 7 : Contact

Les trois styles indiqués par les 3 fois « A » dans l'en-tête permettent de naviguer dans les pages avec les feuilles de style alternatives (texte noir sur blanc et blanc sur noir).

haut de page