Intégrer l accessibilité dans une démarche qualité | W3Café

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 MalassingneResponsable qualité web

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

Sébastien DelormeConsultant & expert

accessibilité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écevantPerte de tempsDé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

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 amontPourquoi ?

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 amontComment ?

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

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

Initiative isolé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

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épartirles

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

Répartir en petits lots

Construire collectivement la 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 #4Amé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-touches organisé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étence des 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 Delormehttp://ideance.net@sebcbien

Delphine Malassingnehttp://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

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