Rendre accessible l’information pour tousErgonomie - Qualité - Accessibilité

Jean-Philippe SimonnetResponsable des développements internet et chef de projet accessibilité

@oxymorewww.simonnet.me

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/

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/

Le web a changé

Sources : http://inffo.fr/arcep

BAROMÈTRE DU NUMÉRIQUEÉQUIPEMENTS, USAGES ET ADMINISTRATION EN LIGNE

ÉDITION 2016 (chiffres au 30 juin 2016)

LE MULTI-ÉQUIPEMENTSE GÉNÉRALISE

TOUSINTERNAUTES ?

85 %

des Français ont accès à INTERNET via leur ligne FIXE

60 %

des Français utilisent INTERNET via leur MOBILE

100 % des 12-39 ans 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 (x 10 en cinq ans)

42 % de la population utilise la 4G (X 3 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

20 h13 h 18 h

+5 h20 h

2012Temps moyen par semaine

(ensemble de la population)

2016Temps 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 fi xe

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 ?

TOUS LES CHIFFRES DU BAROMÈTRE DU NUMÉRIQUE DEPUIS 2007 SONT À RETROUVER EN OPEN DATA SUR DATA.GOUV.FR.

Le Baromètre du numérique est une étude réalisée par le Credoc auprès d’un échantillon représentatif de la population française âgée de 12 ans et plus (2 213 personnes interrogées “en face à face” à leur domicile) et d’un sur-échantillon de 100 individus en zone peu dense.

LA QUALITÉ DE LA CONNEXION À DOMICILE EST-ELLE SUFFISANTE POUR…Population internaute de 12 ans et plus, en %

DIFFICULTÉS À PASSER DES APPELS/SMS

(en % de la population concernée)

CONNEXION INTERNETMOBILE SATISFAISANTE

(en % de la population concernée)

ZONES PEU DENSES

ENSEMBLE DE LA POP.

… effectuer des démarches administratives

0

20

40

60

80

100

ZONES PEU DENSES

ENSEMBLE DE LA POP.

… regarder ou télécharger des fi lms

13 10 33 27

84 88 66 73

COMMUNIQUER

84 %

des moins de 40 ans 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ÉMARCHESADMINISTRATIVES

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…

16 %

25 %

83 %

77 %

ENSEMBLE DE LA POP.

ENSEMBLE DE LA POP.

ZONES PEU DENSES

ZONES PEU DENSES

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 18 ans 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

NE SAIT PAS NON OUI

Nouvelles obligations ?➡Pour tous les sites web :

Ergonomie AccessibilitéCookiesDonnées personnelles (Cnil) Gestions des mots de passe

Sources : https://www.cnil.fr/fr/informatique-et-libertes-suis-je-concerne

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

Historique du RGAA

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/

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

5

4

6

7

8

9

10

3

2

1

1

6

9

7

3

42

5

810

MAKING YOUR SITE

ACCESSIBLEUsing W3C’s Easy Checks

PROVIDE A DESCRIPTIVE PAGE TITLE

OFFER ALTERNATIVE TEXT ALT TEXT

MARK UP HEADINGS

PROVIDE SUFFICIENT COLOURCONTRAST

ALLOW TEXT TO BE RESIZED

PROVIDE A VISIBLE KEYBOARD FOCUS

MARK UP FORMS, LABELS AND ERRORS

ALLOW MOVING,FLASHING OR BLINKING CONTENT TO BE CONTROLLED

MAKE MULTIMEDIA ALTERNATIVES AVAILABLE

CONDUCT A BASIC STRUCTURE CHECK

BASIC CHECKS

VISUAL

• Luminosity contrast of 4:5:1.

• Highlighted tabbing.

COGNITIVE

• Creating a minimally

designed site can allow

information to be understood.

MOTOR

• Complete keyboard control

when navigating a site.

AUDITORY

• Captions or sign language on

multimedia.

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

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 AMPSources : http://www.blogdumoderateur.com/chiffres-internet/

https://support.google.com/webmasters

https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap

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

Référentiel vs métiers ?

^

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

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/