#Et6-At12-Accessibilité

i iConcevoir un siteaccessible avec le RGAA

Temesis - Eric Gateau

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

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

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é

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

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

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]

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

Périphériques d’entrés

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

Périphériques de sortie

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

Photos Matthieu Faure Open-s

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.

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.

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

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

Sommaire




Aspect législatif




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

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.

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)

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 »

Sommaire




Aspect législatif




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

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

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

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

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

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

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

Différents usages

Comprendre AssisterComprendre

Evaluer

Assister

PlanifierR G A A

Former Spécifier

R.G.A.A

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

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

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

Sommaire




Aspect législatif




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.

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

Sommaire




Aspect législatif




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é

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

Méthode 1/4

Privilégier des petites et nombreuses interventions à chaque étape. Pendant la conception ou la refonte et a minima :p p



Analyse des besoins

objectifs charges


productionbesoins Design production

Audit des Audit des maquettes gabarits

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

Méthode 2/4

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



Analyse des besoins

objectifs charges



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

Si des fonctionnalités spécifiques ou complexes

spécifiques faisabilité

Méthode 3/4

L’audit complet en fin de processus.



Analyse des besoins

objectifs charges



Audit finalAudit final

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

Méthode 4/4

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



Analyse des besoins

objectifs charges



MonitoringAmélioration continue

Si des fonctionnalités spécifiques ou complexes

Sommaire




Aspect législatif




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

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

Sommaire




Aspect législatif




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

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.

Accessibilité et Qualité

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

Questions

EchangesQuestions / RéponsesQ / p

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/

#Et6-At12-Accessibilité

Travel

Transcript of #Et6-At12-Accessibilité