Le document aborde l'accessibilité web selon le RGAA et les normes WCAG, en y incluant des méthodologies, des coûts et des bénéfices associés. Il présente également l'importance de l'intégration de l'accessibilité dans le développement des sites web et les exigences légales en France. Enfin, il souligne que l'accessibilité doit faire partie d'une stratégie globale de qualité web, améliorant ainsi l'expérience utilisateur dans divers contextes.

1. Concevoir un site
i i
accessible avec le RGAA
Temesis - Eric Gateau

2. Temesis : qualité et accessibilté web
Expertise :
Audit, A.M.O., référentiels…
Audit A M O référentiels
Formation :
Professionnels, universités, …
Services en ligne :
Bonnes pratiques qualité Opquast
Equipe : 8 personnes – Fondation : 2000

3. L’intervenant : Eric Gateau
Responsable des études Temesis
Formateur et consultant sur la qualité et
la gestion des parcs de sites
Expert Accessiweb en é l ti
E tA i b évaluation
Formateur et consultant accessibilité
des services en ligne
Consultant en ergonomie
Utilisabilité des interfaces et des processus,
tests utilisateurs, eye-tracking
, y g

4. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

5. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

6. La déficience n’est pas le handicap
Déficiences sensorielles (cécité, surdité ...)
é é é é
Déficiences cognitives (déficiences mentales ...)
Déficiences motrices (bras cassé, tétraplégie ...)

7. Définition du handicap (ONU)
Définition :
Perte ou restriction des possibilités de participer à
la vie de la collectivité à égalité avec les autres.
Association entre :
Les paramètres individuels (les déficiences)
Les paramètres sociaux
Source ONU : http://www.un.org/esa/socdev/enable/faqs.hm
p g q

8. Quelques chiffres sur le handicap
En Europe (15 pays) :
37 millions d'h di
illi d'handicapés en 2003 ( it environ 1/10)
é (soit i
16,3 % de la population a plus de 65 ans en 2000 (soit >
60 millions de personnes)
personnes).
En Europe (25 pays) :
40 % : taux d’emploi des personnes handicapées contre
64,2 % pour les personnes non handicapées (2003)
Sources:
Ministère de la santé de la famille, et des personnes handicapés – avril 2003 : http://www.handicap.gouv.fr/point_presse/doss_pr/aeph2/1p.htm
Communauté européenne : http://europa.eu.int[COM (2005) 604]

9. Quelques chiffres sur le handicap
En France :
1 500 000 personnes malvoyantes
l
3 500 000 personnes malentendantes
77 000 aveugles (dont 20 000 enfants)
l (d t f t )
1 000 000 personnes souffrent d’un handicap mental
850 000 d'un handicap moteur isolé
d un
1 400 000 d'un handicap moteur associé à d'autres
déficiences.
, p p
Sources : Ministère de la santé de la famille, et des personnes handicapés – avril 2003

10. Périphériques d’entrés
Clavier
Souris
Trackball
Microphone
Clavier virtuel (écran)
Écran tactile
Dispositif électronique de p
p q g
pointage
Manettes, baguettes …

11. Périphériques de sortie
Écrans (portables, PDA …)
Hauts parleurs
Hauts-parleurs
Plage braille
Imprimantes
Embosseuse …
Photos Matthieu Faure Open-s

12. Naviguer sur Internet
Utiliser Internet demande des compétences et du matériel
qui peuvent être sources d inaccessibilité
d’inaccessibilité
Connexion bas débit
Connaissances, compétence
Configuration différentes : Système d’exploitation,
Navigateur, Résolution …
Matériels différents, Pda, Mobiles …
Logiciels et matériels spécifiques : lecteur d’écran,
zoom, plage braille, dispositifs de pointage, etc.

13. Extension de la portée de l’accessibilité
X
Personnes handicapées
Personnes en situation de handicap p
(ou rencontrant des difficultés)
Tout le monde peut rencontrer des
difficultés - permanentes ou
temporaires.

14. Accessibilité et Web
Mettre le Web et ses services à la disposition de tous
les individus, quel que soit leur matériel ou logiciel,
leur infrastructure réseau, l
l i f t t é leur l
langue maternelle,
t ll
leur culture, leur localisation géographique, ou leurs
aptitudes physiques ou mentales
mentales.
Tim Berners Lee

15. Contextes de navigation
Diversité des utilisateurs Diversité des interfaces
• handicap sensoriel
•h d
handicap moteur • Navigateurs
• handicap cognitif
• Mobile, PDA +…
• handicap temporaire
• séniors Contextes utilisateurs
• personnes débutantes
Diversité des Technologies d’assistances
clavier virtuel
Plage Braille Trackball
15

16. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

17. Référence internationale
La cellule WAI (Web Accessibility Initiative) du W3C
(Worl Wide Web Consortium) éd
l d b édite l :
les
WCAG 2 0 (Web Content Accessibility Guidelines)
2.0
Version 2 0 depuis décembre 2008
2.0
Standard International
Recommandations pour faire un site accessible

18. WCAG 2.0 : 4 principes
Contenus perceptibles : L'information et les
p p
composants de l'interface utilisateur doivent être présentés à
l'utilisateur de façon à ce qu'il puisse les percevoir.
Contenus utilisables : Les composants de l'interface
utilisateur et de navigation doivent être utilisables.
Contenus compréhensibles : Les informations et
l'utilisation de l'interface utilisateur doivent être compréhensibles.
Contenus robustes : optimiser la compatibilité avec les
agents utilisateurs actuels et futurs, y compris les technologies
d'assistance
d assistance.

19. WCAG 2.0 : constitution
WCAG 2 0 (Web Content Accessibilit G idelines)
2.0 Accessibility Guidelines)
Pour chaque principe :
P h i i
des règles ( “Guidelines“)
g (12 )
des critères de succès (61, répartis dans
par niveau A, AA ou AAA)
A

20. WCAG 2.0 : 3 niveaux de priorité
Niveau A : niveau minimal
minimal.
Exemple : « fournir des équivalents textuels à des contenus
non textuels »
Niveau AA : niveau normal
Exemple : « Visibilité du focus »
e ple V s b l té ocus
Niveau AAA : niveau amélioré
Exemple : « L
E l Langue d signes »
des i

21. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

22. Référentiel Général d’Accessibilité pour les Administrations
http://references.modernisation.gouv.fr/rgaa-accessibilite

23. RGAA : méthode d’application des WCAG 2.0
RGAA
WCAG 2 0
2.0
4 principes
p p P1 P2 P3 P4
12 règles R1 R2 R3 … R12
61 critères de succès C1 C2 C3 … C61
187 tests
unitaires TU1 TU2 TU3 TU4 … TU...

24. Structure du RGAA
RGAA : traduction WCAG 2.0
Le guide d’accompagnement
d accompagnement.
Il fournit des informations sur les enjeux, le cadre juridique de
l’accessibilité, le périmètre d’application.
L’annexe 1 : les critères de succès.
Organisés selon les 4 principes des WCAG 2.0,
L’annexe 2 : les tests de conformité.
Ils permettent de contrôler l’application des critères.
L’annexe 3 : les tables de correspondances avec les
WCAG 2.0
24

25. Annexe 1 : critères de succès
Po r chaq e critère de succès répartis selon l’organisation WCAG 2 0:
Pour chaque s ccès 2.0:
Niveau : Précise le niveau WCAG (A, AA, AAA) concerné par le critère
Objectif : Indique les objectifs du critère de succès présenté
Explication : Donne des informations complémentaires sur le critères
Exemple : Lorsque cela est possible, fournit un exemple de mise en oeuvre
Tests : Fournit la liste des tests permettant de contrôler la conformité au critère

26. Annexe 2 : liste des tests
Pour chaque test répartis selon sa thématique (Cadres, Couleurs, Formulaires, Image,
Multimédia, Navigation, Présentation, Scripts, Standards, Structure, Tableaux, Textes) :
Champ d'application: Indique les éléments sur lesquels le test doit être appliqué.
Procédure de test: Indique la méthodologie à suivre pour réaliser le test.
Difficulté de test: 3 niveaux facile, moyen, difficile (
y (estimation).
)
WCAG 2.0 Techniques: lien vers le(s) technique(s) correspondantes
WCAG 2.0 Failures: lien vers le(s) failure(s) correspondantes
20
Critère de succès: Lien vers le(s) critère(s) de succès correspondant
Niveau WCAG déduit: niveau le plus bas des critères de succès correspondant

27. Différents contextes d’utilisation
Un Référentiel pour différents contextes
Créateurs de CMS Administrateurs
Agences Web - SSII Etat
Intégrateurs R.G.A.A Consultants
Designers Rédacteurs

28. Différents usages
Comprendre Assister
Evaluer Planifier
R.G.A.A
RGAA
Former Spécifier

29. Exemple : formation
Exemple 1 : former des contributeurs
Utilisation de l’annexe 1 : critères de succès
Comprendre la mise en oeuvre
Utilisation de l’annexe 2 : tests de succès
l annexe
Savo co t ôle
Savoir contrôler sa production
p oduct o

30. Exemple : cahier des charges
Exemple 2 : rédiger un cahier des charges
Utilisation du guide d’accompagnement
Comprendre l enjeux
C d les j
Utilisation de l annexe 1 : critères de succès
l’annexe
p g
Lister les points exigés

31. Exemple : conformité
Exemple 3 : Vérifier la conformité d’un site
Utilisation de l’annexe 2 : tests de succès
Contrôler chaque test
C ôl h

32. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

33. Loi, décret, arrêté rgaa
11 février 2005 : loi n°2005-102 du 11 février 2005 pour
l'égalité des droits et des chances, la participation et la
citoyenneté des personnes handicapées
16 mai 2009 : publication du décret d’application relatif à
d application
l’article 47 de la loi n°2005-102 du 11 février 2005
impose aux sites de l'État de rendre leurs services de
communication publique en ligne accessibles aux personnes en
situation de handicap.
21 octobre 2009 : publication de l’arrêté relatif au RGAA
t b bli ti d l’ êté l tif
(JORF n° 0251 page 18329 texte n° 31)
stipule aux Administrations de se référer au RGAA pour attester de
la conformité de leurs services en ligne.

34. Modalités juridiques
Champs d’application : services en ligne
Internet, Extranet, Intranet
Délais de mise aux normes
Services de l’Etat : 2 ans à compter de la date de p
p publication du
décret
Collectivités territoriales : 3 ans à compter de la date de
publication du décret
Degré de conformité
Niveau AA
Sanctions
Mise en demeure : 6 mois à compter de la déclaration de
conformité
Liste Noire

35. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

36. Déploiement
Chaque phase du projet doit intégrer l’accessibilité
Définition des Cahier des
Intégration Contenus Vie du site
objectifs charges
Analyse des Ergonomie - Mise en
Développement
pp
besoins Design production
Par conséquent chaque phase nécessite une compétence
relative à l’accessibilité

37. Coût des corrections
€
Coûts associés
Avancement du projet
Plus une erreur est détectée tard, plus le coût de sa
correction sera élevé
élevé.

38. Méthode 1/4
Privilégier des petites et nombreuses interventions à chaque
étape. Pendant la conception ou la refonte et a minima :
p p
Définition des Cahier des
Intégration Contenus Vie du site
objectifs charges
Analyse des Ergonomie - Mise en
Développement
besoins Design production
Audit des Audit des
maquettes gabarits
Sous forme de minis audits rapide et d’itérations pour les
corrections.

39. Méthode 2/4
Lorsque c’est nécessaire, prévoir des interventions du
spécialiste en accessibilité lors :
p
Définition des Cahier des
Intégration Contenus Vie du site
objectifs charges
Analyse des Ergonomie - Mise en
Développement
besoins Design production
Si objectifs Etude de Rédaction Audit de
spécifiques faisabilité du CdC fonctionnalités
Si des fonctionnalités spécifiques ou complexes

40. Méthode 3/4
L’audit complet en fin de processus.
Définition des Cahier des
Intégration Contenus Vie du site
objectifs charges
Analyse des Ergonomie - Mise en
Développement
besoins Design production
Audit final
Audit global : pour établir la conformité (et les éventuelles
dérogations)
é

41. Méthode 4/4
Le site est conforme, ce n’est pas fini !
Définition des Cahier des
Intégration Contenus Vie du site
objectifs charges
Analyse des Ergonomie - Mise en
Développement
besoins Design production
Monitoring
Amélioration continue
Si des fonctionnalités spécifiques ou complexes

42. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

43. Les coûts associés à la démarche
Formation et communication
Conseil et assistance
C il i
Temps de développement
Tests utilisateurs, recette, audit
Déclaration de conformité et/ou labellisation

44. Les bénéfices associés à la démarches
Amélioration du référencement
Optimisation de la taille des pages
Mobilité et augmentation de la cible
Communication sur l'accessibilité
Réutilisabilité du code, optimisation, industrialisation
Indépendance vis-à-vis des prestataires
Normalisation du travail avec les partenaires

45. Sommaire
Accessibilité et handicap
Le t d d international: l WCAG
L standard i t ti l les
Les référentiels français : le RGAA
Aspect législatif
Méthodologie d’application
Coûts et bénéfice de la démarche
Accessibilité et qualité

46. Une vision à long terme
Améliorer l’accessibilité d’un site consiste notamment à :
Accepter la dégradation (multiples contextes de
é
navigation), lâcher prise sur la forme
Lever le maximum d’obstacles potentiels pour
l’accès aux contenus
Préparer les contenus pour les rendre le plus
possible utilisables pour les hommes et les machines

47. Une vision plus large
La Qualité Web consiste à améliorer le service rendu aux
utilisateurs de façon g
ç globale et transversale.
La qualité intègre donc l’accessibilité, mais aussi tous les
aspects qui vont contribuer à améliorer l’ensemble du
service. Par exemple :
Performance des serveurs
C d source
Code
Sécurité
Navigation
etc.

48. Accessibilité et Qualité
L’accessibilité s’inscrit dans une stratégie plus globale :

49. Questions
Echanges
Questions / Réponses
Q / p

50. Contact
Temesis
18, Rue Lucien Granet
33150 Cenon – France
Tél : +33 5 56 401 402
Tél : +33 5 56 401 402
Fax : +33 5 56 401 403
contact@temesis.com
@
http://www.temesis.com
© Temesis 2000 2010
© Temesis– 2000‐2010
http://creativecommons.org/licenses/by‐nc‐sa/2.0/fr/