1

Intégrer l'accessibilité dans une démarche qualité

#www2012

2

Paris-WebAssociation de bénévolesPromouvoir le développement web de qualité

Conférence annuelleParis Web 2012 – 18 au 20 octobre

@parisweb – #parisweb

3

Sébastien Delorme @sebcbien

Responsable accessibilité numérique et associéchez Atalan

Delphine Malassingne@nissone

Responsable qualité chez Ekino

Accessibilité numérique et sensibilisation au handicap

Plateformes digitalesConception, réalisation, exploitation

4

PlanObjectif Accessibilité numériqueUne petite histoire4 constats, 4 principes

5

Objectif

Pas convaincre

Éviter les situations d’échec

Intégrer l’accessibilité dans une démarche continue

6

Accessibilité numériqueServir contenu et fonctionnalités d’un site ou d’une application quel que soit le cadre d’utilisation de l’internaute (matériel, logiciel, contextuel)

7

L’histoire de Léonard

8Moi, j'utiliserais jamais de téléporteur car le Sheldon

d'origine serait désintégré…

9Moi, j'utiliserais jamais de téléporteur car le Sheldon

d'origine serait désintégré…

Transcript :

Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré

10Moi, j'utiliserais jamais de téléporteur car le Sheldon

d'origine serait désintégré…

Moi j’utiliserais jamais de téléporteur

Transcript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré

11Moi, j'utiliserais jamais de téléporteur car le Sheldon

d'origine serait désintégré…

Transcript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré

Moi j’utiliserais jamais de téléporteur

Sheldon Cooper

12Moi, j'utiliserais jamais de téléporteur car le Sheldon

d'origine serait désintégré…

Transcript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré

Moi j’utiliserais jamais de téléporteur

Sheldon Cooper

13

Aujourd’hui j’ai fait une conférence sur l’accessibilité Web, plus précisément

sur...

Transcript :

Yannick Pavard (Sys-Tech) : aujourd’hui j’ai fait une conférence sur l’accessibilité Web, plus précisément sur un standard au Gouvernement qui s’appelle SGQuery-008 qui est pas mal influencé des WCAG et ma présentation était plutôt axée sur l’intégration avec les CMS. J’avais pris les CMS Wordpress et Typo3 comme outils de démonstration…

Moi j’utiliserais jamais de téléporteur

Transcript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré

14

Épilogue

Résultat décevant

Perte de temps

Découragement

15

Constat #1

Charte basée sur les 3 couleurs primaires

Déclinées pour les titres

16

Penser aux contrastesdans la charte graphique

Constat #1

17

Principe #1

L’accessibilité en amont

18

Anticipation pour choix fonctionnels et techniques

Gestion du temps

Signal fort au marché

Principe #1

19

Choisir une direction et se fixer des objectifs

Chartes, cahiers des charges, spécifications…

Pas un paragraphe Dilution dans les contenus

Principe #1

20

Par rapport à l’histoire de Léonard

Anticiper l’emplacement des sous-titres et de l’audio-description

21

Constat #2Initiative isolée dans une chaine de production

Des efforts rapidement perdus

22

Constat #2

Sensibiliser et communiquer

Trouver des soutiens

23

Principe #2

Un sponsor

24

Principe #2Responsabiliser

Favoriser les échanges

Faciliter l’appropriation collective des pratiques

25

Principe #2Convaincre !

Utiliser des arguments ciblés et adaptés

Pas un sponsor expertUn sponsor convaincu

26

Par rapport à l’histoire de Léonard

Obtenir le brief de l’interview

Intégrer les charges au planning

27

Constat #3Un(e) super expert(e)

Manque de visibilité, découragement& confrontations

28

Constat #3Répartir les tâches

Faire participer chaque intervenant

29

Principe #3

Répartition des responsabilités

30

Principe #3Répartir en petits lots

Construire collectivement la compétence

Intégrer l’accessibilité dans les automatismes de production de chacun

31

Principe #3Sensibilisation par métier

Fiches

Accompagnement

Formation (quand cela est possible)

32

Par rapport à l’histoire de Léonard

Le sous-titrage aurait pu directement être réalisé par l’équipe vidéo

33

Constat #4Excellent niveau visé et atteint

…perdu 3 mois après la mise en ligne

34

Constat #4Échelonner les objectifs à atteindre

Mettre en ligne,améliorer, mettre en ligne, améliorer…

35

Principe #4

Amélioration continue

36

Principe #4Tout ne peux pas être traité d’un coup et être pérenne

Cycle itératif permet de mesurer progrès

37

Principe #4Pas par monobloc

Multi-touches organisées, priorisées et réparties

38

Accessibilité en démarche qualitéDirection fixée en amont

Soutien transverse

Montée en compétence de tous les intervenants

Cycle itératif d’amélioration continue

39

Paris Web – http://www.paris-web.frSébastien Delorme – http://ideance.netDelphine Malassingne – http://nissone.comAtalan – http://atalan.frEkino – http://ekino.comNotices par métier – http://accede-web.com/ (à partir de juin 2012)

WWW 2012 – www2012.wwwconference.org

40

Crédits photos :jagedalo, Sébastien Delorme, Atalan, iirraa, Honou, Thomas Hawk, freya.gefn, Biblioteca de Arte-Fundação Calouste Gulbenkian, eindienstag, Andy Ciordia, Mervi of Tomato Branch, Ndecam, Géricault Le Radeau de la Méduse