Présentation de l'accessibilité web par Guillaume Lory, Directeur des projets Ligeo Archives, lors du Forum des Archivistes 2013. Visionnez la conférence et téléchargez la présentation sur le site Ligeo Archives http://goo.gl/VAeo2.

1. Votre portail Web respecte-t-il le
référentiel général d’accessibilité
(RGAA)

2. L’accessibilité
Fausses croyances
! Une question d’ergonomie
! Une version adaptée du site
! Uniquement pour les aveugles
! Cela améliore la qualité d’un site
! C’est cher

3. Une définition
"Mettre le Web et ses services à la disposition
de tous les individus, quels que soient leur
matériel ou logiciel, leur infrastructure réseau,
leur langue maternelle, leur culture, leur
localisation, géographique, ou leurs aptitudes
physiques ou mentales"
Tim Berners Lee - W3C
L’accessibilité c’est garantir l’accès aux
mêmes contenus à tous les publics

4. Les enjeux de l’accessibilité
! Respect de la loi (référentiel RGAA)
! Elargissement de l’audience (pas
uniquement les aveugles)
! Levier du référencement
! Image de marque et visibilité

5. L’accessibilité comme s’y prendre ?
! RGAA ou Accessiweb diffusent des grilles
de test.
! 13 thématiques - 131 critères … 400 tests
! Des outils automatiques … mais partiels
! Firefox : Opcast reproting
! Internet Explorer
! ….

6. Exemple de quelques thématiques
! Images
! Cadres
! Couleurs
! Multimédia
! Tableaux
! Liens
! Scripts
! Éléments Obligatoires
! Structuration de
l'information
! Présentation de
l'information
! Formulaires
! Navigation

7. Thématique : Images
Problématique
! Donner des alternatives textuelles pertinentes
aux images
Vigilance
! Décrire systématiquement les images porteuses
de sens
! Ne pas décrire les autres

8. Thématique : Images
! Porteuse de sens

9. Thématique : Images
! Non porteuse de sens

10. Thématique : Couleurs
Problématique
! Une information ne doit pas être donnée uniquement par
la couleur
Vigilance
! Menu « actif »

11. Thématique : Couleur / information

12. Thématique : Couleurs / contrastes
Sans handicap
Deuteranopie
Vidéo projecteur

13. Thématique : Liens
Problématique
! Utiliser des libellés de liens explicites
Vigilance
! « En savoir plus »,
! « lire la suite »
! Prendre en compte les liens « images »

14. Thématique : Liens

15. Thématique : Présentation de l'information
Problématique
Utilisation correcte des feuilles de style
Vigilance
Augmenter la taille de la police : test des 6
coups de molette

16. Thématique : Présentation de l'information

17. Thématique : Navigation
Problématique
Fournir les outils de navigation élémentaires.
Vigilance
Navigation via la tabulation pour un handicap moteur

18. Thématique : Navigation

19. Limites de la démarche
! Peu automatisable
! Technique
! Non prise en compte globale des
supports
! Degrés stricts A, AA, AAA
Dura lex sed lex

20. Pour aller plus loin
! Évolution vers une démarche
qualité Web: V-Technologies
partenaire fondateur du label
qualité Opquast
! Prise en compte des supports:
Binocle notre Visualiseur HTML5

23. Thématique : Tableaux
Problématique
! Lecture assistée des cellules
Vigilance
! Présence des éléments d’entête de ligne et
de colonnes

24. Thématique : Tableaux

25. Thématique : Scripts
Problématique
Fournir une alternative à chaque script
Vigilance
Utiliser le site sans Javascript

26. Thématique : Scripts