1. Rendre accessible
l’information pour tous
Ergonomie - Qualité - Accessibilité
Jean-Philippe Simonnet
Responsable des développements internet et chef de projet accessibilité
@oxymore
www.simonnet.me

2. Nos sites
Sources :
http://www.orientation-pour-tous.fr/
http://www.vae.gouv.fr/
http://www.paritarisme-emploi-formation.fr/
http://www.centre-inffo.fr/

3. Le web a changé
➡Du web informationnel au web participatif
➡Du web fonctionnel centré sur l'utilisateur
➡D’un service "en plus" a de nouveaux services uniquement en ligne
Sources : https://fredcavazza.net/2016/03/31/2016-sera-lannee-web-3-0/

4. Le web a changé
Sources : http://inffo.fr/arcep
ÉDITION 2016 (chiffres au 30 juin 2016)
LE MULTI-ÉQUIPEMENT
SE GÉNÉRALISE
TOUS
INTERNAUTES?
85%
des Français ont accès à
INTERNET via leur ligne FIXE
60%
des Français utilisent
INTERNET via leur MOBILE
100%des 12-39ans
sont INTERNAUTES
ET 78% DES PLUS DE 40 ANS
74%de la population
utilise Internet TOUS LES JOURS
(+ 6 points en un an)
UN INTERNAUTE SUR DEUX
NE POURRAIT PAS SE PASSER D’INTERNET
PLUS DE DEUX OU TROIS JOURS
TOUS LES CHIFFRES DU BAROMÈTRE DU NUMÉRIQUE DEPUIS 2007 SONT À RETROUVER
EN OPEN DATA SUR DATA.GOUV.FR.
65%
de la population
utilise un
SMARTPHONE
(+7 points en un an)
82%
de la population
est équipée d’un
ORDINATEUR
40%
de la population
possède une
TABLETTE TACTILE
(x10 en cinq ans)
42%de la population
utilise la 4G
(X3 en deux ans)
65
% DE LA POPULATION
PENSE QU’INTERNET EST
IMPORTANT POUR SE SENTIR
INTÉGRÉ DANS LA SOCIÉTÉ
70% DES 18-59 ANS CONTRE 56% DES PLUS DE 60 ANS
20h
13h 18h
+5h
20h
2012
Temps moyen par semaine
(ensemble de la population)
2016
Temps moyen par semaine
(ensemble de la population)
LE TEMPS PASSÉ SUR INTERNET
S’APPROCHE DU TEMPS PASSÉ
DEVANT UN TÉLÉVISEUR
IL LE DÉPASSE POUR LES MOINS DE 40 ANS
88%
de la
population
possède un
téléphone fixe
93%
de la
population
possède
un mobile
81%
possède les deux
30%de la population
dispose du triple
équipement :
- ordinateur
- tablette
- smartphone
DES TERRITOIRES BIEN CONNECTÉS ?
COMMUNIQUER
84%
des moins de 40ans
utilisent les
RÉSEAUX SOCIAUX
32%
de la population
UTILISE DES MESSAGERIES
INSTANTANÉES
(60% pour les 12-17 ans)
Pourquoi?
• communiquer
à l’international chez
les 18-39 ans (39%)
• les conversations
de groupes chez
les 12-17 ans (39%)
EFFECTUER DES DÉMARCHES
ADMINISTRATIVES
ACHETER EN LIGNE
60%
de la population achète
sur Internet DONT 1/3
AU MOINS TOUS LES MOIS
63%
d’entre eux privilégient
la LIVRAISON À DOMICILE
LES FRANÇAIS SONT SUR INTERNET POUR…
40%
sont inquiets
à l’idée d’accomplir
des démarches
en ligne, toujours
plus nombreuses
28%
SOUHAITERAIENT
ÊTRE ACCOMPAGNÉS
dans ces démarches
grâce à des lieux
de proximité
66%
des 18ans et plus ont effectué
des démarches administratives
sur Internet en 2016
(+9 POINTS EN UN AN)
90%
des Français ayant effectué
ces démarches sur Internet
les ont trouvées
SIMPLES À RÉALISER

5. Nouvelles obligations ?
➡Pour tous les sites web :
Ergonomie
Accessibilité
Cookies
Données personnelles (Cnil)
Gestions des mots de passe
Sources : https://www.cnil.fr/fr/informatique-et-libertes-suis-je-concerne

6. RGAALe Référentiel Général d'Accessibilité pour les Administrations

7. Historique du RGAA

8. Le RGAA v3
I. Le document « Introduction au RGAA »
II. Le « Guide d’accompagnement »
III. Le « Référentiel technique »
IV. 6 parties :
➡Critères et tests
➡Glossaire
➡Cas particuliers
➡Notes techniques
➡Base de référence
➡Références
Sources : http://references.modernisation.gouv.fr/rgaa/

9. Le RGAA en 10 points
1. Donner un titre a la page
2. Mettre des textes alternatifs
3. Prévoir des titres dans les contenus
4. Faire attention aux contrastes de couleur
5. Permettre l’agrandissement du texte
6. La prise de focus doit être visible
7. Verifier vos formulaires (légendes, textes d’alerte et erreurs)
8. Permettre l’arrêt des éléments en mouvement ou clignotant
9. Donner des alternatives aux éléments multimédias
10.Verifier la structure de l’information (W3C)
Sources : https://www.nomensa.com/blog/2017/making-your-site-accessible-infographic
1
1
6
9
7
3
4
2
5
810
MAKING
YOUR SITE
ACCESSIBLE
Using W3C’s Easy Checks
PROVIDE A
DESCRIPTIVE
PAGE TITLE

10. Nouveautés : la loi numérique
➡ Ajout des application mobiles, intranet et extranet
➡ Extension de son application
aux missions de services publiques
et aux 250 plus grandes entreprises privées
➡ Sanction financière de 1 500 à 5 000 euros
(décret en attente : janvier à mars 2017)
➡ Création d'un fonds de collecte
(Fond national d’accompagnement de l’accessibilité universelle)
Source : http://blog.opquast.com/post/2016/10/25/article-106-loi-numerique-vers-un-web-plus-accessible

11. Les progrès
➡L’internet sur mobile
a dépassé l’internet fixe dans le monde
➡Le phénomène "bootstrap et Jquery"
(frameworks et bibliothèques prêtes à l'emploi )
➡Les exigences de google :
versions mobiles, gestion des pages, pages AMP
Sources :
http://www.blogdumoderateur.com/chiffres-internet/
https://support.google.com/webmasters
https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap

12. Les bons élèves et les autres
➡Statistiques européennes :
- de 3% des sites ont atteint le niveau A
(et non AA)
➡L'expérience de la DILA :
Accessibilité continue et équipe interne
➡Les limites du label accessible :
il faut une taille critique
Source : http://www.un.org/esa/socdev/enable/gawanomensa.htm

13. Référentiel vs métiers ?
^

14. Référentiel vs métiers ?
➡Le RGAA est une grille de contrôle, pas une méthode de formation
➡Les test sont répartis sur des métiers très/trop différents
➡Solution
➡ Ne pas se limiter aux audits
➡ L'intégrer dans les formations web
➡ Ne plus se reposer sur les experts

15. Le futur ?
➡ Des concepts aux productions pour le grand public
Source : https://group.renault.com/actualites/blog-renault/etoile-filante-renault-voiture-la-plus-rapide-du-monde/