Pour une meilleure accessibilité des sites publics aux personnes

Association BRAILLENET / Réseau Accessiweb
Pour une meilleure accessibilité des sites
publics aux personnes handicapées
GUIDE BRAILLENET
à l’usage des webmestres
Association BrailleNet
12, bis rue de Picpus
75012 – Paris
tél : [phone] / 26 25
e-mail : b[email protected].fr
Document rédigé pour :
Délégation Interministérielle à la Réforme de l’Etat
Janvier 2002

Note préliminaire
Le guide se réfère :
• Pour ce qui concerne le HTML, à la version HTML 4.01 :
http://www.w3.org/TR/html4/
• Pour ce qui concerne les recommandations WAI, à la version « Web Content
Accessibility Guidelines 1.0 » (WCAG 1.0) de mai 1999 :
http://www.w3.org/TR/WCAG10/
Pour la traduction française, à la version du site Internet.gouv :
http://www.internet.gouv.fr/francais/guide/w3c/w3c.html
Ce guide a été rédigé par :
Dominique ARCHAMBAULT, Maître de Conférences, CNRS, INSERM, UPMC
Denis BOULAY, Chargé de mission accessibilité, BrailleNet
Dominique BURGER, Ingénieur de Recherche, INSERM, UPMC
Maryline CLANCHIER, Ergonome, BrailleNet
Sylvie DUCHATEAU, Chargée de mission accessibilité, BrailleNet
Les experts suivants y ont apporté une contribution significative :
Alain BLOURI, technicien - formateur, Association Paul Guinot, VILLEJUIF
Jean-Marc BRUNO, technicien, EO - EDPS, LYON
Sébastien GUEGNIARD, informaticien, EURL MONTECLAIR, ANGERS
Bruno HAUSDORFF, administrateur réseau, CRDV, CLERMONT-FERRAND
Rémy HAVET, informaticien, URBILOG, LILLE
Michel HOEL, informaticien, URBILOG, LILLE
Julien PERBEN, formateur, AG2R, PARIS
Pierre REYNAUD, webmaster - formateur, ILE DE LA REUNION
Jérôme SURUT, informaticien, EURL MONTECLAIR, ANGERS

TABLE DES MATIERES
INTRODUCTION.................................................................................................................................................7
POURQUOI RENDRE UN SITE ACCESSIBLE ? ...........................................................................................8
1. L’ACCESSIBILITE UN CONCEPT GENERAL ...................................................................................................8
2. L’ACCESSIBILITE, UN CHOIX CITOYEN........................................................................................................8
3. L’ACCESSIBILITE, UN CHOIX STRATEGIQUE................................................................................................8
4. L’ACCESSIBILITE, UN CHOIX ECONOMIQUE ................................................................................................9
5. L’ACCESSIBILITE, UN CHOIX INTERNATIONAL............................................................................................9
6. LES DISPOSITIONS EN FAVEUR DES PERSONNES HANDICAPEES ...................................................................9
7. POPULATIONS CONCERNEES.....................................................................................................................10
Les personnes handicapées visuelles..........................................................................................................10
Les personnes déficientes auditives :...........................................................................................................11
Les personnes handicapées motrices...........................................................................................................12
Les déficients intellectuels et cognitifs.........................................................................................................13
LES FICHES PRATIQUES BRAILLENET ....................................................................................................15
FICHE 1 : LES IMAGES ...................................................................................................................................16
1. RAPPEL DE LA RECOMMANDATION 1 DES WCAG 1.0 :...........................................................................16
Raisons de cette recommandation :.............................................................................................................16
2. CE QU’IL FAUT FAIRE ...............................................................................................................................16
La règle générale.........................................................................................................................................16
Images liens .................................................................................................................................................16
Images à zones cliquables ou réactives (images map).................................................................................16
Textes au format image................................................................................................................................17
Images illustratives......................................................................................................................................17
Images à usage typographique ....................................................................................................................17
Images de fond.............................................................................................................................................18
Images complexes........................................................................................................................................18
Cas des images générées par un programme CGI.......................................................................................19
3. APPLICATION A L’AIDE DES EDITEURS HTML .........................................................................................19
4. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................19
FICHE 2 : LES CADRES (OU « FRAMES »)..................................................................................................20
1. RAPPEL DE LA RECOMMANDATION 12 DES WCAG 1.0 :.........................................................................20
Raisons de cette recommandation................................................................................................................20
2. CE QU’IL FAUT FAIRE ...............................................................................................................................20
3. APPLICATION A L’AIDE DES EDITEURS HTML .........................................................................................21
4. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................21
FICHE 3 : LES LIENS........................................................................................................................................22
1. RAPPEL DES RECOMMANDATIONS 1, 9 ET 13 DES WCAG 1.0.................................................................22
Raisons de ces recommandations ................................................................................................................22
2. CE QU’IL FAUT FAIRE ...............................................................................................................................22
La formulation .............................................................................................................................................22
La présentation............................................................................................................................................22
L’utilisation de l’attribut TITLE..................................................................................................................23
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................23
FICHE 4 : LES FEUILLES DE STYLE (CASCADING STYLE SHEETS) .................................................24

1. RAPPEL DES RECOMMANDATIONS 3 ET 6 DES WCAG 1.0........................................................................24
Raisons de cette recommandation................................................................................................................24
2. CE QU’IL FAUT FAIRE ...............................................................................................................................24
La règle générale.........................................................................................................................................24
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................25
FICHE 5 : LES TABLES....................................................................................................................................26
1. RAPPEL DES RECOMMANDATIONS 5 ET 10 DES WCAG 1.0 :...................................................................26
Raisons de ces recommandations ................................................................................................................26
2. CE QU’IL FAUT FAIRE ...............................................................................................................................26
La règle générale.........................................................................................................................................26
Tables utilisées pour la forme......................................................................................................................26
Les tableaux de données ..............................................................................................................................27
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................27
FICHE 6 : LES FORMULAIRES......................................................................................................................28
1. RAPPEL DE LA RECOMMANDATION DES WCAG 1.0.................................................................................28
Raisons de cette recommandation................................................................................................................28
2. CE QU’IL FAUT FAIRE ...............................................................................................................................28
La règle générale.........................................................................................................................................28
Accéder au formulaire grâce au clavier ......................................................................................................28
Donner un nom explicite aux contrôles des formulaires..............................................................................28
Grouper les contrôles des formulaires.........................................................................................................29
Validation des formulaires...........................................................................................................................30
3. APPLICATION A L’AIDE DES EDITEURS HTML .........................................................................................32
4. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................32
FICHE 7 : LES SCRIPTS...................................................................................................................................33
1. RAPPEL DES RECOMMANDATIONS 6 ET 8 DES WCAG 1.0 :.....................................................................33
Raisons de ces recommandations ................................................................................................................33
2. CE QU’IL FAUT FAIRE ...............................................................................................................................33
La règle générale.........................................................................................................................................33
Les scripts et applets....................................................................................................................................33
3. APPLICATION A L’AIDE DES EDITEURS HTML .........................................................................................35
4. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................35
FICHE 8 : TECHNOLOGIE FLASH, APPLETS, OBJETS MULTIMEDIA ..............................................36
1. RAPPEL DE LA RECOMMANDATION 6 DES WCAG 1.0..............................................................................36
Raisons de cette recommandation................................................................................................................36
2. CE QU’IL FAUT FAIRE ...............................................................................................................................36
La règle générale.........................................................................................................................................36
Pour les animations Flash ...........................................................................................................................36
Pour les applets Java...................................................................................................................................37
3. APPLICATION A L’AIDE DES EDITEURS HTML .........................................................................................38
4. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................38
FICHE 9 : PRESENTATION VISUELLE........................................................................................................39
1. RAPPEL DES RECOMMANDATIONS 2, 3, 6 ET 7 DES WCAG 1.0...............................................................39
Raisons de ces recommandations ................................................................................................................39
2. CE QU’IL FAUT FAIRE ...............................................................................................................................39
La règle générale.........................................................................................................................................39
Contrastes....................................................................................................................................................39
Information transmise..................................................................................................................................40
Taille des images..........................................................................................................................................40
Points à vérifier ...........................................................................................................................................40
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................41
FICHE 10 : LES ELEMENTS SONORES .......................................................................................................42
1. RAPPEL DE LA RECOMMANDATION 1 DES WCAG 1.0 :...........................................................................42
Raisons de cette recommandation................................................................................................................42

2. CE QU’IL FAUT FAIRE ...............................................................................................................................42
La règle générale.........................................................................................................................................42
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................42
FICHE 11 : CONTROLE DE L'UTILISATEUR SUR LES CHANGEMENTS DU CONTENU...............43
1. RAPPEL DE LA RECOMMANDATION 7 DES WCAG 1.0 .............................................................................43
Raisons de cette recommandation................................................................................................................43
2. CE QU’IL FAUT FAIRE ...............................................................................................................................43
La règle générale.........................................................................................................................................43
Gifs animés ..................................................................................................................................................43
Clignotements (mot ou dessin) et mouvements (texte défilant)....................................................................43
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................44
FICHE 12 : LES BALISES.................................................................................................................................45
1. RAPPEL DES RECOMMANDATIONS 3 ET 4 DES WCAG 1.0 :.....................................................................45
Raisons de ces recommandations ................................................................................................................45
2. CE QU’IL FAUT FAIRE ...............................................................................................................................45
La règle générale.........................................................................................................................................45
Le type de document.....................................................................................................................................45
Les éléments en-tête.....................................................................................................................................45
Les listes et éléments de listes......................................................................................................................46
Le balisage des citations..............................................................................................................................46
L’attribut « lang »........................................................................................................................................46
L‘attribut « title ».........................................................................................................................................46
3. APPLICATION A L’AIDE DES EDITEURS HTML .........................................................................................47
4. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................47
FICHE 13 : POINTS SUPPLEMENTAIRES A EVITER...............................................................................48
1. CE QU’IL FAUT FAIRE ...............................................................................................................................48
2. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................48
FICHE 14 : INFORMATION DE CONTEXTE ET D'ORIENTATION.......................................................49
1. RAPPEL DES RECOMMANDATIONS 12 ET 13 DES WCAG 1.0...................................................................49
Raisons de cette recommandation................................................................................................................49
2. CE QU’IL FAUT FAIRE ...............................................................................................................................49
La règle générale.........................................................................................................................................49
Titre aux pages.............................................................................................................................................49
Cadres..........................................................................................................................................................50
Blocs d'information......................................................................................................................................50
Méta-données...............................................................................................................................................50
Informations sur les regroupements de documents......................................................................................50
Informations distinctives..............................................................................................................................50
Art ASCII......................................................................................................................................................50
3. EXEMPLES RENCONTRES SUR LES SITES EVALUES ....................................................................................51
FICHE 15 : MECANISMES D'AIDE A LA NAVIGATION..........................................................................52
1. RAPPEL DE LA RECOMMANDATION 13 DES WCAG 1.0 ...........................................................................52
Raisons de cette recommandation................................................................................................................52
2. CE QU’IL FAUT FAIRE ...............................................................................................................................52
La règle générale.........................................................................................................................................52
Plan du site ..................................................................................................................................................52
Moteur de recherche....................................................................................................................................52
Page d'aide ..................................................................................................................................................52
Liens 53
Barres de navigation....................................................................................................................................53
Pages et nombre de clics..............................................................................................................................53
3. EXEMPLES SUR LES SITES EVALUES..........................................................................................................53
FICHE 16 : UTILISATION DES FORMATS DE FICHIER .........................................................................54
1. RAPPEL DE LA RECOMMANDATION 11 DES WCAG 1.0 ...........................................................................54