Sommaire

  1. Introduction
  2. La présentation
  3. L'information
  4. Les facilités
  5. Vérifications
  6. Références

Charte d'accessibilité

Introduction

L'accessibilité du site est naturellement un point clé pour nous. En fait, nous apprécions la démarche de l'accessibilité.

Une responsabilité : supprimer les obstacles techniques afin que nos visiteurs accèdent à l'information du site. Même s'ils utilisent d'autres périphériques que l'écran ou la souris.

Nous sommes conscients que certaines présentations peuvent constituer un obstacle infranchissable pour certains de nos visiteurs ou pour nous-mêmes.

Donc, nous confions la présentation aux feuilles de style en cascade (CSS) et ces feuilles de styles sont stockées dans des fichiers à part. L'information concerne les fichiers xhtml.

La présentation

Voici nos choix :
Nous n'utilisons pas de frames (cadres).
Ni de table pour la présentation.
Et nous comptons sur du pur CSS.

L'information

L'information reste accessible même si javascript ou les feuilles de styles sont inhibées.
Utiliser le vocabulaire le plus simple possible
Proposer si possible les info dans la langue du visiteur
Concernant la sémantique des balises xhtml
La balise véhicule une signification et ne concerne pas la présentation. Par exemple, h1 sert à indiquer une entête principale mais pas à mettre en gras les caractères, blockquote sert à mettre entre guillemets mais pas à indenter, et ainsi de suite...
L'attribut lang
Si une partie du texte est écrit dans une autre langue, nous l'indiquons grâce à l'attribut lang. Voici, l'exemple, d'une page en français où apparaît un texte en anglais : <span lang="en">Web Accessibility Initiative</span>. Ces informations sont importantes pour les synthèses vocales.
L'attribut hreflang
Si un lien hypertexte pointe sur un document écrit dans une autre langue, nous l'indiquons grâce à l'attribut hreflang. Par exemple, dans le cas d'une page en français, le lien suivant indique un document en anglais : <a href="http://document" hreflang="en" lang="en">Web Accessibility Initiative</span>.
Abréviation ou acronyme
L'abréviation (par exemple HTML) ou l'acronyme (par exemple FAQ) est clairement explicitée dans le texte à sa première apparition dans la page web. Par exemple: Foire Aux Questions (FAQ). Nous ne comptons pas sur les éléments abbr ou acronym.
La balise <br />
Nous évitons cette balise. S'il y a besoin d'aller à la ligne, alors un nouveau paragraphe <p> est ajouté.

Les facilités

Le javascript peut être employé. Le site doit rester utilisable s'il est inhibé.

Vérifications

A l'ajout ou à la mise à jour d'une page, les tests suivant sont effectués par l'équipe Oralux.org .

  1. Vérificateur orthographique
  2. Test des liens HTML
  3. Vérifier l'XHTML 1.0 strict grace au valideur du W3C.
  4. Vérifier le CSS grace au valideur CSS du W3C.
  5. Test avec Emacspeak et w3m (GNU/Linux)
  6. Test avec IE6 (MS-Windows)
  7. Test avec Mozilla (GNU/Linux)
  8. Test avec Yasr et Links (GNU/Linux)
  9. Nous esperons atteindre le niveau de conformité AAA relatif au document WCAG 1.0 (grâce à Cynthia says)

Références

Voici quelques liens issus du Web Accessibility Initiative (WAI) :
Les gens pressés pourraient lire ces quelques brèves info.
Le document de référence Web Content Accessibility Guidelines (WCAG 1.0)