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

Concevoir un site accessible avec le RGAA (2010)

Embed Size (px)

DESCRIPTION

Il vous reste 18 mois pour vous mettre en conformité avec le Référentiel Général d’Accessibilité pour les Administrations, afin de garantir l’accès à vos sites pour les clientèles en situation de handicap ? Quels sont ces obligations, contraintes et avantages ? Qu’est-ce que cela implique dans le développement de vos projets ?

Citation preview

Page 1: Concevoir un site accessible avec le RGAA (2010)

i iConcevoir un siteaccessible avec le RGAA

Temesis - Eric Gateau

Page 2: Concevoir un site accessible avec le RGAA (2010)

Temesis : qualité et accessibilté web

Expertise : Audit A M O référentielsAudit, A.M.O., référentiels…

Formation : Professionnels, universités, …

Services en ligne : Bonnes pratiques qualité Opquast

Equipe : 8 personnes – Fondation : 2000

Page 3: Concevoir un site accessible avec le RGAA (2010)

L’intervenant : Eric Gateau

Responsable des études TemesisFormateur et consultant sur la qualité et

E t A i b é l ti

Formateur et consultant sur la qualité et la gestion des parcs de sites

Expert Accessiweb en évaluationFormateur et consultant accessibilité des services en ligne

Consultant en ergonomie

des services en ligne

Consultant en ergonomieUtilisabilité des interfaces et des processus, tests utilisateurs, eye-tracking, y g

Page 4: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 5: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 6: Concevoir un site accessible avec le RGAA (2010)

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 ...)

Page 7: Concevoir un site accessible avec le RGAA (2010)

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.hmp g q

Page 8: Concevoir un site accessible avec le RGAA (2010)

Quelques chiffres sur le handicap

En Europe (15 pays) :37 illi d'h di é 2003 ( it i 1/10)37 millions d'handicapés en 2003 (soit environ 1/10)16,3 % de la population a plus de 65 ans en 2000 (soit >

60 millions de personnes)60 millions de personnes).

En Europe (25 pays) :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]

Page 9: Concevoir un site accessible avec le RGAA (2010)

Quelques chiffres sur le handicap

En France :1 500 000 l1 500 000 personnes malvoyantes3 500 000 personnes malentendantes77 000 l (d t 20 000 f t ) 77 000 aveugles (dont 20 000 enfants) 1 000 000 personnes souffrent d’un handicap mental850 000 d'un handicap moteur isolé850 000 d un handicap moteur isolé1 400 000 d'un handicap moteur associé à d'autres

déficiences.déficiences.

Sources : Ministère de la santé de la famille, et des personnes handicapés – avril 2003, p p

Page 10: Concevoir un site accessible avec le RGAA (2010)

Périphériques d’entrés

ClavierClavierSourisTrackballTrackballMicrophoneClavier virtuel (écran)Clavier virtuel (écran)Écran tactileDispositif électronique de pointagep q p gManettes, baguettes …

Page 11: Concevoir un site accessible avec le RGAA (2010)

Périphériques de sortie

Écrans (portables, PDA …) Hauts-parleursHauts parleursPlage brailleImprimantesImprimantesEmbosseuse …

Photos Matthieu Faure Open-s

Page 12: Concevoir un site accessible avec le RGAA (2010)

Naviguer sur Internet

Utiliser Internet demande des compétences et du matériel qui peuvent être sources d’inaccessibilitéqui peuvent être sources 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.

Page 13: Concevoir un site accessible avec le RGAA (2010)

Extension de la portée de l’accessibilité

Personnes handicapées XPersonnes en situation de handicap

Personnes handicapées X

Tout le monde peut rencontrer des

p(ou rencontrant des difficultés)

Tout le monde peut rencontrer des difficultés - permanentes ou temporaires.

Page 14: Concevoir un site accessible avec le RGAA (2010)

Accessibilité et Web

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

Tim Berners LeeTim Berners Lee

Page 15: Concevoir un site accessible avec le RGAA (2010)

Contextes de navigation

• handicap sensoriel

h d

Diversité des interfaces

• Navigateurs

Diversité des utilisateurs

• handicap moteur

• handicap cognitif

• handicap temporaire

• Navigateurs• Mobile, PDA + …

Contextes utilisateurs• séniors

• personnes débutantes

Diversité des Technologies d’assistances

clavier virtuel

15

Plage Brailleclavier virtuel

Trackball

Page 16: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 17: Concevoir un site accessible avec le RGAA (2010)

Référence internationale

La cellule WAI (Web Accessibility Initiative) du W3C l d b éd l

WCAG 2 0 (Web Content Accessibility Guidelines)

(Worl Wide Web Consortium) édite les :

WCAG 2.0 (Web Content Accessibility Guidelines)

Version 2 0 depuis décembre 2008Version 2.0 depuis décembre 2008

Standard International

Recommandations pour faire un site accessible

Page 18: Concevoir un site accessible avec le RGAA (2010)

WCAG 2.0 : 4 principes

Contenus perceptibles : L'information et les p pcomposants 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'assistanced assistance.

Page 19: Concevoir un site accessible avec le RGAA (2010)

WCAG 2.0 : constitution

WCAG 2 0 (Web Content Accessibilit G idelines)WCAG 2.0 (Web Content Accessibility Guidelines)

P h i iPour chaque principe :

des règles (12 “Guidelines“)g ( )

des critères de succès (61, répartis dans par niveau A AA ou AAA)par niveau A, AA ou AAA)

Page 20: Concevoir un site accessible avec le RGAA (2010)

WCAG 2.0 : 3 niveaux de priorité

Niveau A : niveau minimalNiveau A : niveau minimal.Exemple : « fournir des équivalents textuels à des contenus non textuels »

Niveau AA : niveau normalExemple : « Visibilité du focus »e ple : V s b l té du ocus

Niveau AAA : niveau amélioréE l L d i Exemple : « Langue des signes »

Page 21: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 22: Concevoir un site accessible avec le RGAA (2010)

Référentiel Général d’Accessibilité pour les Administrations

http://references.modernisation.gouv.fr/rgaa-accessibilite

Page 23: Concevoir un site accessible avec le RGAA (2010)

RGAA : méthode d’application des WCAG 2.0RGAARGAA

WCAG 2 0WCAG 2.0

P1 P2 P3 P44 principes

R1 R2 R3 R12…12 règles

p p

C1 C2 C3 C61…61 critères de succès

TU1 TU2 TU3 TU...…TU4187 tests unitaires unitaires

Page 24: Concevoir un site accessible avec le RGAA (2010)

Structure du RGAARGAA : traduction WCAG 2.0

Le guide d’accompagnement Le guide 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

Page 25: Concevoir un site accessible avec le RGAA (2010)

Annexe 1 : critères de succès

Po r chaq e critère de s ccès répartis selon l’organisation WCAG 2 0:Pour chaque critère de succès répartis selon l’organisation WCAG 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èreTests : Fournit la liste des tests permettant de contrôler la conformité au critère

Page 26: Concevoir un site accessible avec le RGAA (2010)

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 (estimation).y ( )

WCAG 2.0 Techniques: lien vers le(s) technique(s) correspondantes

WCAG 2 0 Failures: lien vers le(s) failure(s) correspondantes WCAG 2.0 Failures: lien vers le(s) failure(s) correspondantes

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

Page 27: Concevoir un site accessible avec le RGAA (2010)

Différents contextes d’utilisation

Un Référentiel pour différents contextes

Créateurs de CMS Administrateurs

Agences Web - SSII Etat

Intégrateurs ConsultantsR.G.A.A

Designers Rédacteurs

Page 28: Concevoir un site accessible avec le RGAA (2010)

Différents usages

Comprendre AssisterComprendre

Evaluer

Assister

PlanifierR G A A

Former Spécifier

R.G.A.A

Page 29: Concevoir un site accessible avec le RGAA (2010)

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èsUtilisation de l annexe 2 : tests de succès

Savoir contrôler sa productionSavo co t ôle sa p oduct o

Page 30: Concevoir un site accessible avec le RGAA (2010)

Exemple : cahier des charges

Exemple 2 : rédiger un cahier des charges

Utilisation du guide d’accompagnement

C d l jComprendre les enjeux

Utilisation de l’annexe 1 : critères de succèsUtilisation de l annexe 1 : critères de succès

Lister les points exigésp g

Page 31: Concevoir un site accessible avec le RGAA (2010)

Exemple : conformité

Exemple 3 : Vérifier la conformité d’un site

Utilisation de l’annexe 2 : tests de succès

C ôl h Contrôler chaque test

Page 32: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 33: Concevoir un site accessible avec le RGAA (2010)

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 à 16 mai 2009 : publication du décret d application relatif à 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 communication publique en ligne accessibles aux personnes en situation de handicap.

21 t b 2009 bli ti d l’ êté l tif RGAA 21 octobre 2009 : publication de l’arrêté relatif au RGAA (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.

Page 34: Concevoir un site accessible avec le RGAA (2010)

Modalités juridiques

Champs d’application : services en ligneInternet, Extranet, Intranet

Délais de mise aux normesServices de l’Etat : 2 ans à compter de la date de publication du p pdécretCollectivités territoriales : 3 ans à compter de la date de publication du décret

Degré de conformitéNiveau AANiveau AA

SanctionsMise en demeure : 6 mois à compter de la déclaration de Mise en demeure : 6 mois à compter de la déclaration de conformitéListe Noire

Page 35: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 36: Concevoir un site accessible avec le RGAA (2010)

Déploiement

Chaque phase du projet doit intégrer l’accessibilité

Définition des objectifs

Cahier des charges Intégration Contenus Vie du site

Analyse des besoins

objectifs charges

Ergonomie -Design Développement Mise en

productionbesoins Design pp production

Par conséquent chaque phase nécessite une compétence relative à l’accessibilité

Page 37: Concevoir un site accessible avec le RGAA (2010)

Coût des corrections

Coûts associés€

Coûts associés

Plus une erreur est détectée tard, plus le coût de sa correction sera élevé

Avancement du projet

correction sera élevé.

Page 38: Concevoir un site accessible avec le RGAA (2010)

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 objectifs

Cahier des charges Intégration Contenus Vie du site

Analyse des besoins

objectifs charges

Ergonomie -Design Développement Mise en

productionbesoins Design production

Audit des Audit des maquettes gabarits

Sous forme de minis audits rapide et d’itérations pour les corrections.

Page 39: Concevoir un site accessible avec le RGAA (2010)

Méthode 2/4

Lorsque c’est nécessaire, prévoir des interventions du spécialiste en accessibilité lors :p

Définition des objectifs

Cahier des charges Intégration Contenus Vie du site

Analyse des besoins

objectifs charges

Ergonomie -Design Développement Mise en

productionbesoins Design production

Rédaction Audit de Si objectifs Etude de du CdC fonctionnalités

Si des fonctionnalités spécifiques ou complexes

spécifiques faisabilité

Page 40: Concevoir un site accessible avec le RGAA (2010)

Méthode 3/4

L’audit complet en fin de processus.

Définition des objectifs

Cahier des charges Intégration Contenus Vie du site

Analyse des besoins

objectifs charges

Ergonomie -Design Développement Mise en

productionbesoins Design production

Audit finalAudit final

Audit global : pour établir la conformité (et les éventuelles édérogations)

Page 41: Concevoir un site accessible avec le RGAA (2010)

Méthode 4/4

Le site est conforme, ce n’est pas fini !

Définition des objectifs

Cahier des charges Intégration Contenus Vie du site

Analyse des besoins

objectifs charges

Ergonomie -Design Développement Mise en

productionbesoins Design production

MonitoringAmélioration continue

Si des fonctionnalités spécifiques ou complexes

Page 42: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 43: Concevoir un site accessible avec le RGAA (2010)

Les coûts associés à la démarche

Formation et communication

C il iConseil et assistance

Temps de développement

Tests utilisateurs, recette, audit

Déclaration de conformité et/ou labellisationDéclaration de conformité et/ou labellisation

Page 44: Concevoir un site accessible avec le RGAA (2010)

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 cibleMobilité 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

Page 45: Concevoir un site accessible avec le RGAA (2010)

Sommaire

Accessibilité et handicap

L t d d i t ti l l WCAGLe standard international: les WCAG

Les référentiels français : le RGAA

Aspect législatif

Méthodologie d’applicationMéthodologie d’application

Coûts et bénéfice de la démarche

Accessibilité et qualité

Page 46: Concevoir un site accessible avec le RGAA (2010)

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

Page 47: Concevoir un site accessible avec le RGAA (2010)

Une vision plus large

La Qualite Web consiste a améliorer le service rendu aux utilisateurs de façon globale et transversale.ç gLa qualité intègre donc l’accessibilité, mais aussi tous les aspects qui vont contribuer à améliorer l’ensemble du service. Par exemple :

Performance des serveursC d Code sourceSécuritéNavigationNavigationetc.

Page 48: Concevoir un site accessible avec le RGAA (2010)

Accessibilité et Qualité

L’accessibilité s’inscrit dans une stratégie plus globale :

Page 49: Concevoir un site accessible avec le RGAA (2010)

Questions

EchangesQuestions / RéponsesQ / p

Page 50: Concevoir un site accessible avec le RGAA (2010)

Contact

Temesis18, Rue Lucien Granet33150 Cenon – FranceTél : +33 5 56 401 402Tél : +33 5 56 401 402Fax : +33 5 56 401 [email protected]

© Temesis– 2000‐2010

@http://www.temesis.com

© Temesis 2000 2010

http://creativecommons.org/licenses/by‐nc‐sa/2.0/fr/