accessibilité web - 10 septembre 2013 - bayonne
DESCRIPTION
Le nombre de personnes potentiellement en situation de handicap durable ou passager augmente à la mesure du vieillissement de la population. Mais surtout, tous les utilisateurs profitent d’un Internet plus accessible : navigation plus intuitive, pertinence des libellés, limite au poids des pages… sont des facteurs qui vont satisfaire autant l’internaute étranger n'ayant qu'une connaissance sommaire de la langue, que l'utilisateur maîtrisant la langue mais disposant de peu de temps pour réaliser une action donnée. Cet atelier vous permettra de comprendre les besoins des personnes en situation de handicap quant à la navigation sur Internet. Vous verrez également que l’adaptation de votre site pour le rendre accessible, a certains avantages (universalité du support, élargissement de l’audience, référencement…).TRANSCRIPT
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402Septembre 2013
L’accessibilité des sites Internet pour les personnes handicapées
Comprendre et agir
1
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Temesis
Présentation
Expertise : Audit, A.M.O., référentiels…
Formation : Professionnels, universités, …
Services en ligne : Bonnes pratiques qualité Opquast et plateforme de gestion de la qualité des sites.
Membre du W3C : Participation à l’élaboration des normes et standards
2
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Eric Gateau
Présentation
Qualité :
Formateur et consultant sur la qualité et la gestion des parcs de sites
Ergonomie :
Utilisabilité, conception des interfaces et processus, architecture de l’information, tests utilisateurs, eye-tracking.
Accessibilité :
Formateur et consultant accessibilité des services en ligne, Expert Accessiweb en évaluation.
3
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Vous
Tour de table
Qui êtes vous ?
Quel est votre métier ?
Qu’attendez-vous de cette présentation ?
4
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Savoir ce qu’est l’accessibilité et ce qu’elle recouvre
Comprendre les problématiques de l’accessibilité
Connaître la loi sur le sujet
Connaître les limites et les avantages
Avoir une méthodologie pour intégrer l’accessibilité dans un projet web
Septembre 2013
Aujourd’hui
Objectifs
5
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
Septembre 2013
Ce matin
Plan
6
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Aujourd’hui
Plan
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
7
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
En France : La loi d'orientation du 30 juin 1975 n'énonce volontairement pas de définition de la notion de handicap ou de personne handicapée.
Raison : Ne pas s’enfermer dans une définition qui pourrait exclure des personnes.
Septembre 2013
Accessibilité et handicap
Qu’est ce qu’un handicap ?
8
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Déficiences sensorielles (cécité, surdité ...)
Déficiences cognitives (déficiences mentales ...)
Déficiences motrices (bras cassé, tétraplégie ...)
Septembre 2013
Accessibilité et handicap
La déficience n’est pas le handicap
9
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
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
Septembre 2013
Accessibilité et handicap
Définition du handicap (ONU)
Source ONU : http://www.un.org/esa/socdev/enable/faqs.hm
10
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Un point de vue global sur le handicap, association entre :
Rapport personne handicapée / milieu
Etat temporaire ou permanent
Septembre 2013
Accessibilité et handicap
Implication de cette définition
11
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Depuis 2005 : La 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 a introduit une définition.
Septembre 2013
Accessibilité et handicap
Le handicap dans la loi française
Source : Légifrance http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L
12
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Art. L. 114. - Constitue un handicap, au sens de la présente loi, toute limitation d'activité ou restriction de participation à la vie en société subie dans son environnement par une personne en raison d'une altération substantielle, durable ou définitive d'une ou plusieurs fonctions physiques, sensorielles, mentales, cognitives ou psychiques, d'un polyhandicap ou d'un trouble de santé invalidant.
Septembre 2013
Accessibilité et handicap
Le handicap dans la loi française
Source : Légifrance http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L
13
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
En Europe (15 pays) :
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).
En France :
1 500 000 personnes malvoyantes
77 000 aveugles (dont 20 000 enfants)
3 500 000 personnes malentendantes
1 400 000 d'un handicap moteur associé à d'autres déficiences.
Septembre 2013
Accessibilité et handicap
Quelques chiffres sur le handicap
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]
14
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Les personnes handicapées utilisent Internet pour les activités suivantes :
Information
Communication
Démarches administratives
Activités professionnelles
Achats en ligne
Septembre 2013
Accessibilité et handicap
Utilisation des TIC
Bref ... comme tout le monde
15
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Utiliser Internet demande des compétences et du matériel 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, desktop, Mobiles …
Logiciels et matériels spécifiques : lecteur d’écran, zoom, plage braille, dispositifs de pointage, etc.
Septembre 2013
Accessibilité et handicap
Naviguer sur Internet
16
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Qui dans la salle est une personne handicapée ? Etes vous sûr de ne pas être une personne handicapée ?
Quand commence le handicap ?
Et sur Internet ?
Alors ? Qui dans la salle est une personne handicapée ?
Vous êtes toujours sûr de vous ?
Si on oublie les déficiences, qui dans la salle est une personne handicapée ?
Ne vous êtes vous jamais trouvé en situation de handicap ? ?
Je vous repose la question
Septembre 2013
APARTE
Démonstration
17
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.
Septembre 2013
Accessibilité et handicap
Accessibilité et Web
Tim Berners Lee
18
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Clavier
Souris
Trackball
Microphone
Clavier virtuel (écran)
Écran tactile
Dispositif électronique de pointage
Manettes, baguettes …
Septembre 2013
Accessibilité et handicap
Périphériques d’entrés
19
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Écrans (portables, PDA …)
Hauts-parleurs
Plage braille
Imprimantes
Embosseuse …
Septembre 2013
Accessibilité et handicap
Périphériques de sortie
Photos : Mathieu Faure Open-s
20
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Lecteurs d’écrans
JAWS, NVDA, Windows eyes, Voice Over, … + paramétrages
Loupes
Zoomtext, iZoom, ... mais aussi les possibilité des navigateurs usuels
Autres
Dragon Naturally Speaking, clavicom, navigateurs vocaux, ...
Septembre 2013
Accessibilité et handicap
Les logiciels d’aides
21
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Lecteur d’écran : écoutez
Septembre 2013
APARTE
Qu’en avez vous retenu ?
Démonstration
22
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Révélation : http://tva.dgi.minefi.gouv.fr/ (site modifié depuis)
Septembre 2013
APARTE
Démonstration
23
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Diversité des utilisateurs
Septembre 2013
Accessibilité et handicap
Contextes de navigation
Diversité des Technologies d’assistances
Diversité des interfaces
Plage braille Clavier virtuel Trackball
• handicap sensoriel
• handicap moteur
• handicap cognitif
• handicap temporaire
• séniors
• personnes débutantes
•Navigateurs
•Smartphones
•etc.
Contextes utilisateurs
24
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Aujourd’hui
Plan
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
25
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
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
Article 47 : Les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées. [...]
Septembre 2013
Législation
Loi
26
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
14 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 situation de handicap.
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.
Septembre 2013
Législation
Décret, arrêté
27
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
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 publication du décret
➡ Collectivités territoriales : 3 ans à compter de la date de publication du décret
Degré de conformité
➡ Niveau AA (minimum) du RGAA
Sanctions
➡ Mise en demeure : 6 mois à compter de la déclaration de conformité
➡ Liste Noire
Septembre 2013
Législation
Modalités juridiques
28
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
En France : pas d’obligation légale
Septembre 2013
Législation
Organismes privés
Ailleurs, en particulier dans les pays anglo-saxons :
➡ loi anti discrimination étendue aux sites Internets privés (UK)
➡ les procès se multiplient (notamment aux USA)
➡ Notion d’«ajustement raisonnable»
29
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Aujourd’hui
Plan
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
30
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
WCAG 2.0 (Web Content Accessibility Guidelines)
Version 2.0 depuis décembre 2008
Norme Internationale
Recommandations pour faire un site accessible
Septembre 2013
WCAG
Référence internationale
La cellule WAI (Web Accessibility Initiative) du W3C (World Wide Web Consortium) édite les :
31
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
WCAG
WCAG 2.0 : Constitution
WCAG 2.0 (Web Content Accessibility Guidelines)
4 principes : Perceptible, Utilisable, Compréhensible et Robuste
12 règles (“Guidelines“)
61 critères de succès (61, répartis par niveau de priorité A, AA ou AAA)
32
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
WCAG 2.0 (Web Content Accessibility Guidelines)
Pour être pérennes, les directives ne font pas référence à un langage ou à une technologie.
➡ nécessité d’une méthode d’application
Septembre 2013
WCAG
WCAG 2.0 : difficile à appliquer directement
33
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
RGAA
Référentiel Général d’Accessibilité pour les Administrations
http://references.modernisation.gouv.fr/rgaa-accessibilite
34
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
RGAA : traduction WCAG 2.0
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 correspondance avec les WCAG 2.0
Septembre 2013
RGAA
Structure du RGAA
35
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
RGAA
Méthode d’application des WCAG 2.0
RGAA
WCAG 2.0
R1 R2 R3 R12 …
C1 C2 C3 C61 …
TU1 TU2 TU3 TU... … TU4
12 règles
187 tests unitaires
61 critères de succès
P1 P2 P3 P4 4 principes
36
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
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
➡ Savoir contrôler sa production
Septembre 2013
RGAA
Exemple : formation
37
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Exemple 2 : rédiger un cahier des charges
Utilisation du guide d’accompagnement
➡ Comprendre les enjeux
Utilisation de l’annexe 1 : critères de succès
➡ Lister les points exigés
Septembre 2013
RGAA
Exemple : cahier des charges
38
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Exemple 3 : Vérifier la conformité d’un site
Utilisation de l’annexe 2 : tests de succès
➡ Contrôler chaque test
Septembre 2013
RGAA
Exemple : conformité
39
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Qui dans la salle est une personne handicapée ?
Qui s’est déjà trouvé en situation de handicap ?
Sur Internet de multiples situations sont possibles
Les situations dépendent des personnes ...
... mais aussi des contextes ...
... et des matériels ...
Qui dans la salle est une personne handicapée ?
Septembre 2013
APARTE
Démonstration
40
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Aujourd’hui
Plan
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
41
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Aspects juridiques :
Respecter la loi
Prévenir les risques juridiques
Septembre 2013
Coûts et bénéfices
Les choix stratégiques
Ethique :
Agir de manière pratique et rapide pour l’intégration
Ne pas faire de discrimination, même involontaire
42
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Communication :
Utiliser l’accessibilité pour mobiliser et communiquer
Utiliser l’accessibilité pour éviter les conflits
Septembre 2013
Coûts et bénéfices
Les choix stratégiques
Financier :
Economie de moyens à long terme
Favoriser l’évolutivité des sites
43
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Formation
Conseil et assistance
Temps de développement
Tests utilisateurs, recette, audit
Déclaration de conformité et/ou labellisation
Septembre 2013
Coûts et bénéfices
Les coûts associés à la démarche
44
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
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
Septembre 2013
Coûts et bénéfices
Les bénéfices associés à la démarche
45
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Augmentation de la cible
Communication sur l'accessibilité
Devoir vis-à-vis de l’ensemble des usagers
Septembre 2013
Coûts et bénéfices
Retour sur investissement : stratégie
46
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Optimisation de la taille des pages
Quantité de données à héberger
Amélioration de l'aptitude au référencement
Meilleure compatibilité navigateurs et plate-formes
Meilleure évolutivité du site
Septembre 2013
Coûts et bénéfices
Retour sur investissement : technique
47
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Amélioration de l'utilisabilité et de la réutilisabilité du code par les dévéloppeurs
Diminution induite de la dépendance par rapport aux prestataires et développeurs
Standardisation
Amélioration du travail avec les partenaires
Septembre 2013
Coûts et bénéfices
Retour sur investissement : maintenance
48
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Navigation graphique paramétrée
Ouvrir Firefox
Aller dans Affichage > Zoom
Cocher “Zoom texte seulement”
Puis faire 6 fois zoom avant (CTRL +)
Essayer avec http://www.lemonde.fr/ et avec l’espace client BNP
Septembre 2013
APARTE
Démonstration
49
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
L’accessibilité bénéficie à tous :
Utilisateurs (handicapés ou non)
Responsables du site
Concepteurs
Septembre 2013
Coûts et bénéfices
Des bénéfices pour tous
50
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
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
Septembre 2013
Coûts et bénéfices
Une vision à long terme
➡ Prévenir les risques
51
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Aujourd’hui
Plan
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
52
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Méthodologie
Avant (et parfois encore ...)
Bonjour monsieur l’expert, mon
site est fini, je voudrais un audit pour le rendre accessible. Bonjour monsieur,
pas de problème, pour xxxx € nous vous fournissons un rapport de
250 pages avec toutes les recommandations.
Dis monsieur tu me dessines un site accessible ?
Pas de problème petit ! Super Accessibilitator va te sauver !
53
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Méthodologie
Variantes
Bonjour monsieur l’expert, mon
site est fini, je voudrais qu’il soit accessible aux
aveugles.Bonjour monsieur,
pas de problème, pour xxxx € nous faisons un audit et un rapport
de 250 pages vous dit ce qu’il faut modifier.
Dis monsieur tu me dessines un site pour les aveugles ?
Pfff, il n’y connait rien, c’est pas que pour les aveugles l’accessibilité !
54
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Plus une erreur est détectée tard, plus le coût de sa correction sera élevé.
Septembre 2013
Méthodologie
Coût des corrections
55
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Chaque phase du projet doit intégrer l’accessibilité
Septembre 2013
Méthodologie
Déploiement
Par conséquent chaque phase nécessite une compétence relative à l’accessibilité
Définition des objectifs
Cahier des charges
Intégration Contenus Vie du site
Analyse des besoins
Ergonomie - Design
Développement Mise en production
56
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Toutes les personnes de l’organisme doivent être impliquées
Septembre 2013
Méthodologie
Chaîne de responsabilité
Des décideurs aux rédacteurs, en passant par les chefs de projets, les développeurs, les intégrateurs, les graphistes, etc.
Définition des objectifs
Cahier des charges
Intégration Contenus Vie du site
Analyse des besoins
Ergonomie - Design
Développement Mise en production
57
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Privilégier des petites et nombreuses interventions à chaque étape. Pendant la conception ou la refonte et a minima :
Septembre 2013
Méthodologie
Méthode 1/4
Sous forme de minis audits rapide et d’itérations pour les corrections.
Définition des objectifs
Cahier des charges
Intégration Contenus Vie du site
Analyse des besoins
Ergonomie - Design
Développement Mise en production
Analyse des maquettes
Audit des gabarits
58
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Lorsque c’est nécessaire, prévoir des interventions du spécialiste en accessibilité lors :
Septembre 2013
Méthodologie
Méthode 2/4
Si des fonctionnalités spécifiques ou complexes
Définition des objectifs
Cahier des charges
Intégration Contenus Vie du site
Analyse des besoins
Ergonomie - Design
Développement Mise en production
Rédaction du CdC
Audit de fonctionnalités
Si objectifs spécifiques
Etude de faisabilité
59
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
L’audit complet en fin de processus
Septembre 2013
Méthodologie
Méthode 3/4
Audit global : pour établir la conformité (et les éventuelles dérogations)
Définition des objectifs
Cahier des charges
Intégration Contenus Vie du site
Analyse des besoins
Ergonomie - Design
Développement Mise en production
Audit final
60
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Le site est conforme, les objectifs sont atteints, ce n’est pas fini !
Septembre 2013
Méthodologie
Méthode 4/4
Planifier les améliorations, surveiller le niveau d’accessibilité (nouveaux contenus, nouvelles fonctionnalités, nouveaux rédacteurs)
Définition des objectifs
Cahier des charges
Intégration Contenus Vie du site
Analyse des besoins
Ergonomie - Design
Développement Mise en production
MonitoringAmélioration continue
61
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Aujourd’hui
Plan
Accessibilité et handicap
Aspect législatif
Le référentiel français : le RGAA
Coûts et bénéfices de la démarche
Méthodologie d’application
Accessibilité et qualité globale
62
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Navigation au clavier : un volontaire ?
La touche « Tabulation » permet de naviguer de lien en lien.
« Shift » + « Tabulation » permet de revenir aux liens précédents
La touche « Entrée » permet de suivre le lien sélectionné.
Septembre 2013
APARTE
Démonstration
63
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Exercice 1
Visite du site http://www.lequipe.fr/
Cherchez visuellement le titre à la une
Objectif : atteindre ce lien et l’activer
Septembre 2013
APARTE
Démonstration
64
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Un autre volontaire ?
Exercice 2
Visite du site http://fr.yahoo.com/
Objectif : accéder à l’onglet “finance”dans les onglets de la colonne centrale
Septembre 2013
APARTE
Démonstration
65
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
La Qualité Web consiste à améliorer le service rendu aux utilisateurs de façon 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
➡ Code source
➡ Sécurité
➡ Navigation
➡ etc.
Septembre 2013
Accessibilité et qualité
Une vision plus large
66
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
L’accessibilité s’inscrit dans une stratégie plus globale :
Septembre 2013
Accessibilité et qualité
Accessibilité et Qualité et Compagnie
67
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Il est possible, et même nous recommandons, d’intégrer l’accessibilité dans un référentiel qui englobe l’ensemble des exigences implicites ou explicites des utilisateurs.
Septembre 2013
Accessibilité et qualité
Gestion de l’accessibilité dans un référentiel plus large
68
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Renow est le référentiel définissant un cadre efficace de conception, de réalisation et de maintenance pour tous les sites Internet du Gouvernement luxembourgeois. Renow se fonde sur une démarche centrée utilisateur pour créer des sites web de qualité :
• utiles : conformes aux besoins de vos utilisateurs ;
• utilisables : adaptés à leur façon de penser ;
• accessibles : utilisables en dépit de contraintes matérielles, physiques et/ou mentales.
Septembre 2013
Accessibilité et qualité
Exemple au Luxembourg : Renow
http://www.renow.public.lu/fr/renow-en-bref/index.html
69
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Des critères d’accessibilité, mais pas seulement :
• SCR.003 - Le site est consultable indépendamment du support javascript
• COD.003 - Les frames ne sont pas utilisées
• RCH.016 - Un lien vers la recherche avancée est proposée dans la page "Aucun résultat"
Septembre 2013
Accessibilité et qualité
Renow : exemples de critère
http://www.renow.public.lu/fr/checklists-renow/checklist-renow-1-1-04/index.html
70
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Accessibilité et qualité
Conclusions
Définissez vos objectifs
Répartissez vos ressources
Entourez vous des compétences nécessaires
Continuez les améliorations
71
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Accessibilité et qualité
Définissez vos objectifs
A quoi va servir le site Internet ?
Quelle est la complémentarité avec mon activité “hors ligne“ ?
Quels sont les publics cibles ?
Que vont faire les utilisateurs sur le site ?
Quel niveau de qualité je veux atteindre ?
Quelles sont les priorités ?
72
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Accessibilité et qualité
Répartissez vos ressources
Quels sont les moyens dont je dispose ?
Qu’est ce qui est le plus important pour mon activité ?
Répartir en fonction des priorités et en fonction des délais
Anticiper les besoins
73
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Accessibilité et qualité
Entourez vous des compétences nécessaires
Compétence des prestataires
Formation du personnel
Outils utilisés
74
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Accessibilité et qualité
Continuez les améliorations
Améliorations continues planifiées
Ajout de contenu
Ecoute des utilisateurs
Monitoring automatique
75
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Septembre 2013
Accessibilité et qualité
Le chemin de l’industrialisation
Phase 1 Objectifs
nuls
Découverte
Phase 2
Conformité
produits
Efficacité
Phase 3
Conformité
produits
outils
méthodes
Efficience
76
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Echanges
Questions / Réponses
Septembre 2013
Questions - Réponses
77
Temesis - 18, rue Lucien Granet - 33150 Cenon - France - +33 5 56 401 402
EvaluationCompositionUtilisateursPréalables
Temesis18, Rue Lucien Granet33150 Cenon – FranceTél : +33 5 56 401 402Fax : +33 5 56 401 403
[email protected]://www.temesis.com
Septembre 2013
Contact
78