# Guide AccessiWeb

vous êtes ici : Mode d'emploi

## Mode d'emploi du Guide AccessiWeb

Sommaire du mode d'emploi :

- Télécharger ce guide
- A qui s'adresse le guide AccessiWeb ?
- Version et Contenu
- Nouveautés de la version 2.0
- Nouveautés de la version 2.1
- Structure et mode de navigation du guide
- Accessibilité du guide
- Propriété et Conditions d'utilisation
- Contact

revenir en haut de la page

### Télécharger ce guide

La version 2.1 du Guide AccessiWeb est téléchargeable au format HTML.

Télécharger le Guide AccessiWeb au format HTML (fichier zip, 5.70 Mo).

Le format zip est un format de compression de fichiers. Si votre sytème d'exploitation est Windows XP (familial ou professionnel), procéder comme suit :

1. Enregistrer le fichier "Guide_AccessiWeb_version21_30aout2006_format_html.zip" dans le répertoire de votre choix.
2. Une fois le téléchargement terminé, double-cliquer sur le fichier "Guide_AccessiWeb_version21_30aout2006_html.zip". Il s'ouvre comme un dossier et contient lui-même un dossier nommé "Guide_AccessiWeb_version21_30aout2006_html".
3. Sélectionner ce dossier, puis le copier dans "mes documents", par exemple.
4. Ouvrir alors cette copie et double-cliquer sur le fichier "index.html".

Si vous disposez d'une version antérieure Windows XP ou d'un autre système d'exploitation, vous aurez probablement besoin d'un logiciel, comme Winzip, capable d'extraire les fichiers de l'archive "Guide_AccessiWeb_version21_30aout2006_html.zip". Télécharger Winzip (version d'évaluation)

revenir en haut de la page

### A qui s'adresse le guide AccessiWeb ?

Ce guide s'adresse à toute personne désireuse de comprendre la signification des critères AccessiWeb, leurs intérêts pour les internautes et leur mise en oeuvre pratique. Les décideurs y trouveront des explications ne nécessitant pas de connaissance technique. Les responsables informatiques, les chefs de projet, les développeurs, les webmasters, les graphistes ou les responsables éditoriaux y trouveront tous les renseignements techniques pour les accompagner dans leur travail respectif.

revenir en haut de la page

### Version et Contenu

La version mise en ligne au 30 août 2006 est la version 2.1. Elle présente 92 fiches pratiques de mise en oeuvre des 92 critères du référentiel AccessiWeb. Ce guide est consultable en ligne et téléchargeable en particulier au format html (lire le paragraphe Télécharger ce guide).

Avertissement : à la date du 30 août 2006 et tant qu'il n'y a pas de version supérieure à la version 2.1, seul le contenu de cette version 2.1 est reconnu comme valide par l'association BrailleNet.

revenir en haut de la page

### Nouveautés de la version 2.0

La version 2.0 du Guide AccessiWeb (19 décembre 2005) est une évolution de la version 1.0 du 19 octobre 2005. La version 2.0 du Guide AccessiWeb traite des 92 critères du référentiel AccessiWeb. Elle comporte une fiche par critère.

#### Le contenu

Les 55 fiches de la version 1.0 ont été enrichies d'exemples de mauvaise et de bonne pratique, dillustrations sous forme de copies décran ou de fichiers sonores. Le texte de toutes les fiches a été relu et parfois légèrement amélioré. Les fiches des critères de niveau Argent et Or, présentes dans la version 2.0, sont également le résultat du travail collectif des membres du Groupe de Travail AccessiWeb (GTA), avec la même exigence de qualité que pour les fiches de la version 1 du Guide AccessiWeb.

La page des références propose un lien vers la version française des WCAG 1.0, Cependant, le seul document normatif officiel demeure celui émis par WAI. La traduction en français n'est quun confort supplémentaire pour les lecteurs francophones.

2 nouvelles pages ont été créées pour aider l'internaute dans sa consultation du guide: la page Moteur de recherche et la page Plan du guide.

#### La nouvelle structure des fiches

La structure des fiches a été modifiée pour donner une plus grande cohérence et faciliter ainsi leur lecture. Elle est le fruit dune synthèse des différentes suggestions faites par les membres du GTA.

- La rubrique "Autres fiches à consulter" est désormais rattachée à la carte didentité de la fiche.
- La rubrique "Implémentation" fait partie de la section "Comment mettre en oeuvre". Elle présente, dans les cas où cela est possible, une syntaxe générale du code à utiliser pour respecter le critère, et des principes de base ou des remarques à prendre en considération.
- La rubrique "Bénéfices techniques" a été renommée "Valeur ajoutée pour le site" afin délargir la notion de "Bénéfices" aux aspects techniques, humains et logistiques de laccessibilité du Web.
- Des flèches de navigation dune fiche à lautre, en haut à droite et en bas à droite de chaque fiche, permettent de passer soit à la fiche précédente, soit à la fiche suivante. Ceci donne la possibilité de parcourir toutes les fiches de la première à la dernière, sans avoir à repasser par les pages des thématiques.

revenir en haut de la page

### Nouveautés de la version 2.1

La version 2.1 du Guide AccessiWeb (30 août 2006) est le résultat d'une enquête menée auprès de ces utilisateurs du 9 au 29 mai 2006. Elle constitue une évolution de la version 2.0.

#### Relecture de la partie "Comment évaluer"

La partie "Comment évaluer" de toutes les fiches de ce guide a fait l'objet d'une relecture et d'une réécriture systématique. Cela permet de proposer différentes méthodes d'évaluation, soit par le code source, soit par un certain nombre d'outils d'aide à l'évaluation comme :

- la barre AccessiWeb (version 1.0).
- la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français).
- la barre d'outils Web Developper pour Firefox (version 1.0.2 en français).
- le lecteur d'écran Jaws.
- et, le cas échéant, d'autres outils ou selon d'autres méthodes.

#### Un bouton "Imprimer" sur chaque fiche

Sur chaque fiche du Guide AccessiWeb version 2.1, un bouton "Imprimer" situé en haut de la fiche (à côté des flèches de navigation) permet d'imprimer le contenu de la fiche. Ce bouton ouvre la boîte de dialogue "Imprimer" de votre navigateur. Sélectionnez alors vos options d'impression, puis validez.

Note : ce bouton n'est visible que si votre navigateur est configuré pour gérer le "javascript". Si ce n'est pas le cas vous pouvez utiliser l'option "Imprimer" de votre navigateur. Pour activer la gestion des javascript dans votre navigateur, et afficher le bouton "Imprimer", suivez les étapes ci-après:

##### Navigateur Internet Explorer 5.x et 6.x

1. Dans le menu principal, cliquer sur "Outils", puis "Options Internet".
2. Cliquer sur l'onglet "Sécurité".
3. Vérifier que la zone "Internet" est selectionnée.
4. Appuyer sur le bouton "Personnaliser le niveau".
5. Descendre jusqu'à la section appelée "Script". La première sous section est : "Active Scripting".
6. S'Assurer que "Activer" soit sélectionnée.
7. Confirmer la modification en appuyant sur "OK".
8. Si nécessaire, appuyer sur la touche F5 pour actualiser la page.

##### Navigateur Firefox (version 1.5)

1. Ouvrir Firefox.
2. Sélectionner "Options" à partir du menu "Outils".
3. Cliquer sur l'onglet "Contenu".
4. Cocher la case à cocher "Activer Javascript".
5. Cliquer sur "OK".

#### Réorganisation des fiches

Afin de permettre un accès plus rapide au contenu des fiches, celles-ci ont été réorganisées comme suit :

- Le sommaire de la fiche est disposé sur trois colonnes.
- Seuls les points de contrôle WCAG 1.0 correspondants au critère de la fiche sont affichés.
- La rubrique "Autres fiches à consulter" a été reportée en bas de fiche. Elle devient une sous-rubrique de la rubrique "Références".

revenir en haut de la page

### Structure et mode de navigation du guide

Ce guide a été conçu pour être consultable en ligne et hors ligne. Il se compose d'un menu principal de navigation (situé sur la partie gauche de l'écran et présent en permanence), d'un espace contenu (situé sur la partie droite de l'écran dont le contenu change en fonction de la page), et de liens « Conditions d'utilisation » et « Contact » présents sur toutes les pages (en bas de page).

#### Le menu principal de navigation

Le menu est situé sur la partie gauche de l'écran et est présent sur toutes les pages du guide à cet endroit. Lorsque vous cliquez sur un lien de ce menu, celui-ci est désactivé et le contenu correspondant au lien apparaît sur la partie droite de l'écran dans l'espace contenu.
Juste avant le menu, un lien caché permet aux utilisateurs de lecteurs d'écran d'aller directement au contenu.

#### Les thématiques des fiches AccessiWeb

Pour consulter les fiches relatives à une thématique, cliquer sur le nom de cette thématique dans le menu principal de navigation, sur la rubrique « Fiches AccessiWeb ». La liste des fiches appartenant à cette thématique apparaît alors à droite dans l'espace contenu. Chaque fiche porte le numéro du critère auquel elle correspond ainsi que son intitulé. Pour consulter une fiche, cliquer sur le lien de la fiche souhaitée.

#### Les fiches AccessiWeb

Pour consulter une fiche, cliquer d'abord sur la thématique à laquelle elle appartient, sur le menu principal de navigation, puis cliquer sur le numéro de la fiche souhaitée apparaissant à droite de l'écran dans l'espace contenu.

Sur chaque fiche, des flèches, situées en haut à droite, et en bas à droite, vous permettent de consulter la fiche précédente ou la fiche suivante, sans avoir à revenir à la page de la thématique.

Ces flèches sont commentées respectivement par "Fiche précédente : fiche [numéro de la fiche précédente]" et "Fiche suivante : fiche [numéro de la fiche suivante]". Par exemple, si la fiche actuellement à l'écran est la fiche 1.2, la flèche de gauche est commentée par "Fiche précédente : fiche 1.1", et la flèche de droite par "Fiche suivante : fiche 1.3".

Chaque fiche est composée des 6 grandes rubriques suivantes : Carte d'identité, Comprendre, Comment évaluer, Comment mettre en oeuvre, Illustrations et Références.
Un sommaire, en haut de la fiche dans un cadre bleu, vous permet de vous rendre directement à l'une de ces rubriques, sans avoir à faire défiler le texte. A la fin de chacune de ces rubriques, un lien « revenir en haut de la page » permet de revenir directement en haut de page pour avoir de nouveau accès au menu principal de navigation et au sommaire de la fiche.
En fin de fiche, un lien caché permet aux utilisateurs de lecteurs d'écran de se repositionner au sommaire de la fiche.

Pour consulter une autre fiche de la même thématique, on peut soit appuyer sur la touche « retour arrière » du clavier, soit cliquer sur le lien portant le nom de la thématique situé dans le fil d'ariane en haut de l'espace contenu. L'une ou l'autre de ces actions affiche à nouveau la liste des fiches relative à la même thématique. Cliquer alors sur le numéro de la fiche souhaitée.

Une autre manière d'atteindre une fiche de la même thématique consiste à utiliser les flèches de navigation situées en haut et en bas de chaque fiche. Cliquer alors sur la flèche de gauche, commentée par "Fiche précédente", ou sur la flèche de droite, commentée par "Fiche suivante", selon la fiche à consulter.

Pour choisir une fiche d'une autre thématique, il suffit de cliquer sur la thématique souhaitée dans le menu principal de navigation, puis sur le numéro de la fiche souhaitée dans l'espace contenu.

Pour consulter une autre fiche, vous pouvez aussi utiliser les flèches "Fiche précédente" ou "Fiche suivante" présentes en haut à droite et en bas à droite de chaque fiche.

Il y a une fiche par critère. Un exemple d'une structure type d'une fiche est présentée dans la page "Structure d'une fiche".

#### Conventions d'écriture

- Les balises sont écrites en majuscule et les attributs sont écrits en minuscule.
- Les exemples de code sont en vert sur fond jaune. Ils sont rédigés selon les spécifications du langage xhtml 1.0 strict.
- Chaque illustration est commentée par une alternative textuelle et éventuellement une description longue en légende.
- Les liens vers des ressources extérieures à ce guide s'affichent dans la même fenêtre.

revenir en haut de la page

### Accessibilité du guide

Le Guide AccessiWeb a été conçu selon les critères AccessiWeb de niveau Bronze, Argent et Or. Sur les 92 critères AccessiWeb, 48 critères sont respectés, 37 critères sont non applicables et 7 critères sont actuellement non respectés dans cette version 2.1 du Guide AccessiWeb (ils le seront dans une version ultérieure du guide). Voici la liste des critères non respectés dans cette version 2.1 et les raisons de ces choix :

- Critère 4.2 : Le contenu multimédia est-il synchronisé avec son alternative ?
  Ce critère n'est pas respecté sur les fiches contenant des illustrations sonores destinées à démontrer la manière dont un lecteur d'écran restitue l'information lorsqu'un critère est ou n'est pas respecté. Cependant, compte tenu du caractère relativement court de ces séquences sonores, nous en avons retranscrit le texte. Celui-ci peut être ensuite utilisé pour fournir un sous-titre synchronisé avec la séquence sonore. Dans une version ultérieure, nous pourrons fournir à toutes les illustrations sonores des sous-titres synchronisés.
- Critère 6.1 : L'intitulé des liens fait-il moins de 80 caractères ?
  Malgré une relecture minutieuse, il se peut qu'il subsiste des intitulés de liens dépassant 80 caractères, notamment dans les références. Dans une version ultérieure, nous pourrons automatiser le respect de ce critère.
- Critère 6.6 : Dans l'arborescence du site, y a t-il un maximum de 9 catégories par niveau de navigation ?
  Ce critère n'est pas respecté dans le menu principal de gauche. Les 13 thématiques du référentiel AccessiWeb constituent un seul bloc. Ce choix a été fait dans un souci de rendre se menu le plus simple possible. Dans une version ultérieure, nous pourrons regrouper en sous-menus différentes rubriques afin d'avoir 9 catégories par niveau de navigation.
- Critère 8.7 : Les changements de langue dans une page sont-ils signalés ?
  Malgré un travail minutieux de relecture, il se peut que certaines expressions ou certains mots non francophones ne soient pas dotés de l'attribut `lang` permettant de signaler le changement de langue. Dans une version ultérieure, nous pourrons automatiser le respect de ce critère.
- Critère 9.6 : Y a-t-il un moteur de recherche interne au site ?
  Bien que cette version 2 du guide propose un moteur de recherche, il s'agit d'un moteur externe au site. Cette solution n'est qu'une alternative et sera remplacée dans une version ultérieure par un moteur de recherche interne.
- Critère 13.9 : Les balises ACRONYM et ABBR figurent-elles au moins sur le premier des acronymes, abréviations de même nature se trouvant dans la page ?
  Malgré une relecture minutieuse, il se peut que certaines abréviations ou certains acronymes ne soient pas signalés par les balises appropriées. Dans une version ultérieure, nous pourrons automatiser le respect de ce critère.
- Critère 13.10 : L'attribut TITLE de la balise ACRONYM est-il correctement rempli ?
  Malgré une relecture minutieuse, il se peut que le contenu de l'attribut title contienne des erreurs de frappe. Dans une version ultérieure, nous pourrons automatiser le respect de ce critère.

#### Liens de navigation interne

Liens visibles : à la fin de chacune des six grandes rubriques d'une fiche figure un lien, sur la droite de la page, permettant de "Revenir en haut de la page".

Liens invisibles : en bas de chaque fiche, un lien permet aussi de "Revenir au sommaire de la fiche".
De plus, juste avant le menu général, figure un lien invisible permettant aux utilisateurs de lecteurs d'écran ou de navigateurs vocaux d'"Aller au contenu", sans avoir à passer en revue le menu.

#### Les raccourcis clavier

Les raccourcis clavier proposés sur les liens principaux sont les suivants :

- Aller au contenu : "s"
- Liste des raccourcis clavier : "0"
- Accueil : "1"
- Plan du guide: "3"
- Moteur de recherche: "4"
- Mode d'emploi : "6"
- Contact : "7"
- Conditions d'utilisation : "8"
- Fiche précédente : "p"
- Fiche suivante : "n"

Note : selon votre navigateur, ces raccourcis sont interprétés différemment. Ainsi, avec Internet Explorer, le caractère indiqué comme raccourci doit être combiné avec les touches "alt+maj", suivi de la touche "Entrée". Par exemple, pour se rendre sur la page d'accueil, il faut faire alt+maj+1, puis "entrée". En revanche, avec le navigateur Firefox, il suffit de faire "alt+maj+1" et le lien vers la page d'accueil est activé. Attention : sous Windows XP, par défaut, la combinaison de touches "alt+maj", maintenue trop longtemps fait basculer le clavier en mode anglo-saxon "qwerty", ce qui rend inopérant l'utilisation des raccourcis. Pour revenir en clavier français, il faut à nouveau effectuer la combinaison de touches "alt+maj".

revenir en haut de la page

### Propriété et Conditions d'utilisation

L'association BrailleNet est le propriétaire du Guide AccessiWeb et de tous ses contenus.

Cette création est mise à disposition sous un contrat Creative Commons.

revenir en haut de la page

### Contact

Toute demande concernant le Guide AccessiWeb, son contenu ou ses conditions d'utilisation doit être soumise :

- soit par courrier postal à l'adresse suivante:
  Association BrailleNet
  INSERM U592 - UPMC B23
  9 quai Saint Bernard
  75252 Paris Cedex 05
  France
- soit par courrier électronique à guide@accessiweb.org.

revenir en haut de la page

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact