W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 1

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

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 2

Delphine Malassingne

Responsable qualité web

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Sébastien Delorme

Consultant & expertaccessibilité

http://ideance.net

http://nissone.com

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 3

Et vous ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 4

Commençons par une petite

histoire

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 5

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

d'origine serait désintégré…

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

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

d'origine serait désintégré…

6

Transcript :

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

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

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

d'origine serait désintégré…

7

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é

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Moi, 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

8

Sheldon Cooper

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Moi, 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

9

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 10

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é

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 11

Épilogue

Résultat décevant

Perte de temps

Découragement

…

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 12

Et vous ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 13

Objectifs

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Convaincre

Éviter les situations d’échec

Au contraire, intégrer l’accessibilité dans

une démarche continue

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 14

Principe #1Ce qui a été fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Charte basée sur les 3 couleurs

primaires

Déclinées pour les titres

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 15

Principe #1Ce qui aurait dû

être fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Penser aux contrastes

dans la charte graphique

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 16

Principe #1 :

Penser l’accessibilité

en amont

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 17

En amont

Pourquoi ?

Signal fort au marché

Anticipation pour choix fonctionnels

et techniques

Gestion du temps

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 18

En amont

Comment ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Choisir une direction et se fixer des objectifs

Chartes, cahiers des charges,

spécifications…

Un paragraphe

Une dilution dans les contenus

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 19

Par rapport à notre histoire

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 20

Principe #2Ce qui a été fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Initiativeisolée dans une

chaine de production

Des efforts rapidement perdus

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 21

Principe #2Ce qui aurait dû

être fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Sensibiliser et communiquer

Trouver des soutiens

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 22

Principe #2 :

Un sponsor

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 23

Un sponsorPourquoi ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Responsabiliser

Favoriser les échanges

Faciliter l’appropriation collective des

pratiques

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 24

Un sponsorComment ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Convaincre !

Utiliser des arguments

ciblés et adaptés

Un sponsor expertUn sponsor convaincu

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 25

Par rapport à notre histoire

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 26

Principe #3Ce qui a été fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Un(e) super expert(e)

Manque de visibilité, découragement

& confrontations

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 27

Principe #3Ce qui aurait dû

être fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Répartir les tâches

Faire participer chaque intervenant

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 28

Répartir

les responsabilités

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 29

Les intervenantsPourquoi ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Construire collectivementla compétence

Intégrer l’accessibilité dans les automatismes

de production de chacun

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 30

Les intervenantsComment ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Sensibilisation par métier

Fiches

Accompagnement

Formation (quand cela est possible)

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 31W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Par rapport à notre histoire

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 32

Principe #4Ce qui a été fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Excellent niveau visé et atteint

…perdu 3 mois après

la mise en ligne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 33

Principe #4Ce qui aurait dû

être fait

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Echelonner les objectifs à atteindre

Mettre en ligne,améliorer,

mettre en ligne,améliorer…

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 34

Principe #4

Amélioration

continue

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 35

Amélioration continue

Pourquoi ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Tout ne peux pas être traité d’un coup

et être pérenne

Cycle itératif permet de mesurer progrès

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 36

Amélioration continue

Comment ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

• Monobloc

• Multi-touchesorganisées, priorisées, réparties

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 37

En résuméAccessibilité en

démarche qualité

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Direction fixée en amont

Critères objectifs et mesurables

Montée en compétencedes intervenants

Cycle itératif d’amélioration continue

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 38W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

des questions ?

W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne 39W3Café – Accessibilité – 16 avril 2011 / Sébastien Delorme – Delphine Malassingne

Sébastien Delorme

http://ideance.net

@sebcbien

Delphine Malassingne

http://nissone.com

@nissone

Crédits photos :

Honou, Thomas Hawk, freya.gefn, Biblioteca de Arte-Fundação Calouste Gulbenkian, paperbits, eindienstag, Andy Ciordia, Mervi of Tomato Branch, Géricault Le Radeau de la Méduse