1
00:00:05,822 --> 00:00:09,062
Aujourd'hui, on a vu ce matin qu'il y avait des standards qu'il faut respecter.

2
00:00:09,062 --> 00:00:12,003
Ça reste l'objectif final de toute démarche d'accessibilité,

3
00:00:12,003 --> 00:00:16,528
mais la difficulté première c'est que la majorité des gens à l'heure actuelle

4
00:00:16,528 --> 00:00:19,915
ne sont pas formés et il y a un grand besoin

5
00:00:19,915 --> 00:00:24,775
de s'approprier ces standards et de les mettre en œuvre dans ces projets.

6
00:00:24,775 --> 00:00:27,702
Pour pouvoir monter en compétences,

7
00:00:27,702 --> 00:00:34,779
il y a 4 problématiques sur lesquelles je vais essayer de donner des réponses.

8
00:00:34,779 --> 00:00:38,152
La première difficulté que je rencontre en tant qu'expert accessibilité

9
00:00:38,152 --> 00:00:41,847
c'est qu'effectivement on va me demander de faire des audits,

10
00:00:41,847 --> 00:00:44,326
des évaluations et puis on va me demander de

11
00:00:44,326 --> 00:00:48,906
restituer des éléments par exemple sur lequel y a pas d'attribut alt sur les images

12
00:00:48,906 --> 00:00:51,920
qui sont vraiment des choses très basiques sur lesquelles moi en tant qu'expert,

13
00:00:51,920 --> 00:00:53,542
j'ai pas de valeur ajoutée,

14
00:00:53,542 --> 00:00:57,346
parce qu'il y a des outils automatiques qui peuvent le faire même à la limite mieux que moi.

15
00:00:57,346 --> 00:00:59,430
Donc ma problématique à moi en tant qu'expert,

16
00:00:59,430 --> 00:01:00,898
C'est faire quelque chose qui m'intéresse

17
00:01:00,898 --> 00:01:04,652
donc ce genre d'audit, je préfèrerais que ce soit des outils qui le fassent

18
00:01:04,652 --> 00:01:06,628
de l'autre coté, j'ai des intégrateurs web

19
00:01:06,628 --> 00:01:08,694
qui la plupart du temps

20
00:01:08,694 --> 00:01:14,111
viennent me voir et me disent : "Bonjour, est-ce qu'il y a des consignes de développement accessibles ?"

21
00:01:14,111 --> 00:01:17,851
alors effectivement on a SGQRI, en France on a RGAA.

22
00:01:17,851 --> 00:01:19,597
On a les WCAG. La problématique de ça

23
00:01:19,597 --> 00:01:23,612
c'est que les WCAG, SGQRI, le RGAA ce sont des documents qui sont destinés

24
00:01:23,612 --> 00:01:25,686
à des testeurs d'accessibilité.

25
00:01:25,686 --> 00:01:29,958
Ce ne sont pas des documents destinés à des intégrateurs, des développeurs.

26
00:01:29,958 --> 00:01:33,403
Ils ne sont pas rédigés avec le langage d'un développeur web.

27
00:01:33,403 --> 00:01:35,472
Donc quelles sont les consignes,

28
00:01:35,472 --> 00:01:39,751
lorsque je développe plutôt que les règles à vérifier une fois que j'ai développé,

29
00:01:39,751 --> 00:01:43,444
Pour être dès le départ dans le projet.

30
00:01:43,444 --> 00:01:46,895
2ème difficulté, lorsque je mets en œuvre l'accessibilité

31
00:01:46,895 --> 00:01:48,925
j'ai besoin d'avoir des gens qui sont motivés,

32
00:01:48,925 --> 00:01:51,801
et pour les motiver, j'ai besoin d'avoir des éléments à leur communiquer

33
00:01:51,801 --> 00:01:55,989
pour leur dire où est ce que j'en suis vers où je vais et comment je me compare

34
00:01:55,989 --> 00:01:58,194
par rapport aux autres.

35
00:01:58,194 --> 00:02:00,201
Cela, c'est un élément très important

36
00:02:00,201 --> 00:02:02,381
parce que l'accessibilité au même titre que la qualité web

37
00:02:02,381 --> 00:02:04,602
c'est des choses que l'on ne va pas voir.

38
00:02:04,602 --> 00:02:08,345
On peut avoir une interface visuelle qui va être quasiment identique,

39
00:02:08,345 --> 00:02:12,170
mais en tant que décideur ou en tant que personne impliquée dans un projet,

40
00:02:12,170 --> 00:02:16,187
j'ai besoin d'avoir un outil pour pouvoir communiquer et montrer aux autres,

41
00:02:16,187 --> 00:02:19,042
la valeur ajoutée de ce que je fais.

42
00:02:19,042 --> 00:02:22,080
La troisième difficulté, c'est quelle est la priorité

43
00:02:22,080 --> 00:02:24,854
parce qu'effectivement on a dit le respect d'un standard

44
00:02:24,854 --> 00:02:27,612
il y a beaucoup de choses à faire quand on part de zéro ou quasiment.

45
00:02:27,612 --> 00:02:29,845
Comment je priorise ces éléments-là?

46
00:02:29,845 --> 00:02:31,945
Qu'est-ce que je mets, je traite d'abord

47
00:02:31,945 --> 00:02:36,339
et comment je peux répartir justement les choses à faire.

48
00:02:36,339 --> 00:02:39,995
Et puis enfin, comment je peux effectivement monter en compétences

49
00:02:39,995 --> 00:02:43,526
le plus rapidement possible en ayant le minimum de coûts

50
00:02:43,526 --> 00:02:47,647
parce qu'évidemment investir des centaines de milliers de dollars

51
00:02:47,647 --> 00:02:50,939
sur l'accessibilité ça peut être une solution

52
00:02:50,939 --> 00:02:53,697
mais il ne faut pas que la mise en œuvre de l'accessibilité

53
00:02:53,697 --> 00:02:57,347
se fasse au détriment de la production des contenus elle-même.

54
00:02:57,347 --> 00:03:01,614
En France on a effectivement le RGAA qui s'applique à toutes les villes.

55
00:03:01,614 --> 00:03:03,683
De plus en plus de villes proposent des vidéos,

56
00:03:03,683 --> 00:03:07,288
sur internet de leurs sessions municipales etc.

57
00:03:07,288 --> 00:03:10,511
pour voir ce qui se dit dans les réunions.

58
00:03:10,511 --> 00:03:13,032
Le sous-titrage normalement est obligatoire,

59
00:03:13,032 --> 00:03:15,425
Si la ville en question n'a pas la possibilité de sous-titrer

60
00:03:15,425 --> 00:03:17,001
parce que ça lui coûte trop cher,

61
00:03:17,001 --> 00:03:19,656
ça ne veut pas dire qu'il faut qu'elle enlève la vidéo du site internet.

62
00:03:19,656 --> 00:03:21,571
Parce que sinon si elle enlève la vidéo du site internet,

63
00:03:21,571 --> 00:03:24,232
ça veut dire qu'il y a une perte d'informations pour tout le monde.

64
00:03:24,232 --> 00:03:28,291
Donc il faut qu'il y ait cette possibilité de monter en compétences rapidement

65
00:03:28,291 --> 00:03:30,961
tout en diminuant les coûts.

66
00:03:30,961 --> 00:03:34,214
Donc une des solutions c'est ce qu'on va appeler

67
00:03:34,214 --> 00:03:37,730
l'amélioration continue ou l'accessibilité agile.

68
00:03:37,730 --> 00:03:41,073
Un premier point, ça va être de commencer par la base.

69
00:03:41,073 --> 00:03:46,186
Et la base ça va être quoi? On va voir ça va être tout ce qui est automatisable et détectable automatiquement.

70
00:03:46,186 --> 00:03:49,392
Le deuxième élément, ça va être la mise en place de ce qu'on appelle des indicateurs

71
00:03:49,392 --> 00:03:52,324
et d'un tableau de bord qui permet de communiquer autour d'une démarche

72
00:03:52,324 --> 00:03:55,291
pour pouvoir fédérer les équipes.

73
00:03:55,291 --> 00:03:58,789
Le troisième élément c'est comment on peut répartir et prioriser ces tâches

74
00:03:58,789 --> 00:04:01,565
de correction une fois qu'on a détecté des problèmes.

75
00:04:01,565 --> 00:04:06,367
Et ensuite le dernier point, comment on va pouvoir faire de l'évaluation formative

76
00:04:06,367 --> 00:04:11,575
c'est à dire se former en étant accompagné.

77
00:04:11,575 --> 00:04:17,065
Donc pour la partie effectivement 'Commencer petit pour devenir grand'

78
00:04:17,065 --> 00:04:19,088
la problématique que j'ai rencontrée, je vous l'ai dit tout à l'heure

79
00:04:19,088 --> 00:04:21,049
c'est les intégrateurs, ils veulent des consignes de développement.

80
00:04:21,049 --> 00:04:25,680
Ils veulent pas savoir 'Est-ce que je respecte la règle WCAG 10 42?'

81
00:04:25,680 --> 00:04:27,714
ce qui les intéresse c'est 'Qu'est-ce que je dois corriger ?'

82
00:04:27,714 --> 00:04:29,833
et 'Où est-ce que je dois le corriger ?'.

83
00:04:29,833 --> 00:04:32,091
Et ça, ils veulent le savoir très rapidement.

84
00:04:32,091 --> 00:04:37,228
Donc on a développé moi-même et puis un groupe de travail

85
00:04:37,228 --> 00:04:41,404
au cours de l'année dernière, deux listes d'instructions

86
00:04:41,404 --> 00:04:45,847
qu'on appelle WCAG First Steps ou Pas à Pas vers les WCAG 2.

87
00:04:45,847 --> 00:04:49,741
La première étape ça va être effectivement toutes les choses qui sont des erreurs,

88
00:04:49,741 --> 00:04:54,353
dont on sait à 100% que ce sont des erreurs, des choses à faire.

89
00:04:54,353 --> 00:05:01,116
La deuxième, ça va être les risques à anticiper ou les choses qui vont être semi-automatisables,

90
00:05:01,116 --> 00:05:03,216
c'est à dire qu'on va pouvoir détecter si un élément dans la page

91
00:05:03,216 --> 00:05:04,731
mais on va pas pouvoir dire s'il est bon ou s'il est pas bon

92
00:05:04,731 --> 00:05:08,045
mais on va pouvoir dire s'il est présent ou pas.

93
00:05:08,045 --> 00:05:11,303
Ce qui est important, c'est effectivement au niveau de la rédaction

94
00:05:11,303 --> 00:05:14,215
c'est comment vont être rédigés les intitulés.

95
00:05:14,215 --> 00:05:17,288
Donc je vais vous donner un petit exemple.

96
00:05:17,288 --> 00:05:21,375
Je suis parti des WCAG, donc en haut vous avez la règle WCAG,

97
00:05:21,375 --> 00:05:24,254
qui dit 'Tout contenu non-textuel présenté à l'utilisateur

98
00:05:24,254 --> 00:05:28,596
a-t-il un équivalent textuel qui remplit une fonction équivalente?

99
00:05:28,596 --> 00:05:31,270
Ben je ne sais pas si vous faites de la formation, mais moi

100
00:05:31,270 --> 00:05:33,563
si je vais voir un développeur web et que je lui dis ça,

101
00:05:33,563 --> 00:05:36,512
avec ça il est bien content mais il ne sait pas ce qu'il faut qu'il fasse.

102
00:05:36,512 --> 00:05:40,784
Donc concrètement comment on peut traduire ça par des règles simples

103
00:05:40,784 --> 00:05:43,061
dont on sait qu'il y a une obligation,

104
00:05:43,061 --> 00:05:45,679
c'est 'Utiliser un attribut alt pour l'élément img'

105
00:05:45,679 --> 00:05:49,027
Donc l'intégrateur je vais le voir et je vais lui dire 'tu utilises un attribut alt sur l'élément img'

106
00:05:49,027 --> 00:05:50,942
ça c'est ce que tu as à faire.

107
00:05:50,942 --> 00:05:54,005
Et quand il va développer, il pourra éventuellement le tester

108
00:05:54,005 --> 00:05:58,350
ou simplement connaître la règle et l'appliquer.

109
00:05:58,350 --> 00:06:02,077
Un deuxième exemple: 'Ne pas utiliser d'attribut alt vide si l'élément

110
00:06:02,077 --> 00:06:04,629
est le seul enfant d'un élément a ou bouton'

111
00:06:04,629 --> 00:06:08,972
Pourquoi? Parce que si j'ai un attribut alt vide dans un a ou dans un bouton

112
00:06:08,972 --> 00:06:14,814
ça génère un lien vide et donc il y a un problème d'accessibilité dans tous les cas de figure.

113
00:06:14,814 --> 00:06:18,795
Donc ça c'est pour les éléments qu'on peut comme ça détecter automatiquement

114
00:06:18,795 --> 00:06:23,397
et être sûr que c'est des choses à faire ou à ne pas faire.

115
00:06:23,397 --> 00:06:28,447
Deuxième exemple, toujours basé sur les WCAG : 'la fonction de chaque lien est-elle déterminée

116
00:06:28,447 --> 00:06:34,437
par le texte du lien seul ou par le texte du lien associé à un contexte du lien déterminé par un programme informatique

117
00:06:34,437 --> 00:06:38,033
sauf si la fonction du lien est ambiguë pour tout utilisateur ?'

118
00:06:38,033 --> 00:06:42,834
Pfiou, vous êtes encore avec moi ? 
Vous avez de la chance hein.

119
00:06:42,834 --> 00:06:48,432
Donc concrètement pour un dévelopeur web,
je vais lui dire 'Utiliser avec précaution l'attribut target

120
00:06:48,432 --> 00:06:50,603
avec la valeur _blank pour l'élément a'

121
00:06:50,603 --> 00:06:53,442
ça veut dire quoi ? ça veut dire qu'il va vouloir ouvrir
une nouvelle fenêtre,

122
00:06:53,442 --> 00:06:57,326
il va falloir qu'il fasse attention parce qu'il y aura
des choses supplémentaires à faire

123
00:06:57,326 --> 00:07:00,387
s'il veut rendre cet élément-là accessible.

124
00:07:00,387 --> 00:07:04,141
Typiquement, il va devoir signaler l'ouverture
de la nouvelle fenêtre

125
00:07:04,141 --> 00:07:08,050
donc pour le respect de SGQRI, par exemple, il devra mettre une icône dans le lien

126
00:07:08,050 --> 00:07:11,771
avec indication dans le alt pour dire nouvelle fenêtre.

127
00:07:11,771 --> 00:07:19,606
Donc ça c'est la notion de d'exemple, d'instruction, d'avertissement.

128
00:07:19,606 --> 00:07:25,216
Donc ça en utilisant ces deux listes-là, vous pouvez très rapidement

129
00:07:25,216 --> 00:07:33,615
avoir un premier niveau de ... une première évaluation de votre niveau d'accessibilité

130
00:07:33,615 --> 00:07:38,078
ça ne va pas vous garantir la conformité à un standard,

131
00:07:38,078 --> 00:07:41,150
simplement ce que ça va faire c'est que ça va préparer le terrain

132
00:07:41,150 --> 00:07:43,835
à simplement vraiement pouvoir commencer à travailler à l'accessibilité

133
00:07:43,835 --> 00:07:47,700
ça va faire que quand vous allez engager
un expert accessibilité pour vous assister

134
00:07:47,700 --> 00:07:51,904
il va vraiment vous apporter de la plus-value, 
il ne va pas venir vous rapporter des choses

135
00:07:51,904 --> 00:07:54,939
qu'un outil automatique va pouvoir vous dire ou que vous

136
00:07:54,939 --> 00:07:59,089
en tant qu'intégrateur je dirais traditionnel, classique, avec un niveau de compétences moyen

137
00:07:59,089 --> 00:08:02,113
devrait faire quotidiennement dans son travail.

138
00:08:02,113 --> 00:08:05,210
Mettre un attribut alt sur une image, ce n'est pas faire de l'accessibilité

139
00:08:05,210 --> 00:08:09,176
c'est juste connaître son métier de développeur web.

140
00:08:09,176 --> 00:08:11,966
Maintenant, pour motiver tout cela,

141
00:08:11,966 --> 00:08:15,490
il faut effectivement mettre en place des outils de communication.

142
00:08:15,490 --> 00:08:22,642
La volonté c'est de rendre visible la démarche et les efforts,

143
00:08:22,642 --> 00:08:25,177
de susciter éventuellement de la concurrence,

144
00:08:25,177 --> 00:08:28,493
entre les équipes ou entres les responsables de projets,

145
00:08:28,493 --> 00:08:32,182
de fixer des objectifs restreints de manière continue.

146
00:08:32,182 --> 00:08:36,933
On va commencer petit et au fur et à mesure on va

147
00:08:36,933 --> 00:08:41,554
faire monter en compétences les gens 
et augmenter les exigences

148
00:08:41,554 --> 00:08:44,147
et puis on va avoir une démarche collégiale

149
00:08:44,147 --> 00:08:49,005
Ces évolutions et ces améliorations, elles vont être faites
de manière commune,

150
00:08:49,005 --> 00:08:51,768
entre les développeurs et les responsables projets,

151
00:08:51,768 --> 00:08:53,960
et il va y avoir une animation de la démarche

152
00:08:53,960 --> 00:08:58,692
pour dire aujourd'hui on est à 90% conformes sur des critères de bases,

153
00:08:58,692 --> 00:09:00,809
demain vous serez à 100%.

154
00:09:00,809 --> 00:09:02,980
Quand vous serez à 100%, on rajoutera des critères

155
00:09:02,980 --> 00:09:06,467
donc vous redescendrez à 80% et au fur et à mesure on peut demander aux gens

156
00:09:06,467 --> 00:09:08,733
ce qu'ils veulent qu'on rajoute.

157
00:09:08,733 --> 00:09:25,825
Je vais vous montrer un exemple en pratique cela.

158
00:09:25,825 --> 00:09:29,972
Là c'est un exemple qui est basé sur les Ministères français

159
00:09:29,972 --> 00:09:32,858
et qui est sur la qualité web donc il est pas restreint à l'accessibilité

160
00:09:32,858 --> 00:09:36,394
mais l'idée c'est de pouvoir dire sur un parc de sites

161
00:09:36,394 --> 00:09:40,274
ici sur 18 sites.

162
00:09:40,274 --> 00:09:44,000
'Quelle est la qualité globale de ces 18 sites

163
00:09:44,000 --> 00:09:47,391
et comment se classe chacun de ces sites et dans chacun de ces sites ?'

164
00:09:47,391 --> 00:09:50,520
'Comment chaque site répond à différents critères ?'

165
00:09:50,520 --> 00:09:54,568
donc on arrive à avoir une note globale sur 10

166
00:09:54,568 --> 00:09:56,841
pour l'ensemble des sites.

167
00:09:56,841 --> 00:09:59,818
On va avoir des indicateurs donc, par exemple, ici des indicateurs

168
00:09:59,818 --> 00:10:02,564
accessibilité, vitesse, référencement, usabilité.

169
00:10:02,564 --> 00:10:06,895
Sur une démarche vraiment que l'accessibilité SGQRI 
ça pourrait être

170
00:10:06,895 --> 00:10:09,819
éventuellement un indicateur intégrateur web,

171
00:10:09,819 --> 00:10:13,194
un indicateur rédacteur, un indicateur développeur,

172
00:10:13,194 --> 00:10:17,257
qui donnerait des indications par type de profil.

173
00:10:17,257 --> 00:10:23,849
On va avoir le nombre d'informations, un classement top 3 des sites

174
00:10:23,849 --> 00:10:29,169
avec pour chaque site la note et puis le score de chaque indicateur.

175
00:10:29,169 --> 00:10:36,467
Des conformités par niveaux, par type de sites, les critères les plus conformes.

176
00:10:36,467 --> 00:10:42,552
En fait, toutes ces données-là, elles sont extraites d'un outil et directement mises en ligne.

177
00:10:42,552 --> 00:10:45,855
Après cette interface, vous la partagez si vous le voulez

178
00:10:45,855 --> 00:10:52,315
avec le public pour attirer l'attention des ministères.

179
00:10:52,315 --> 00:10:55,645
On a en projet en travaillant avec Accessibiliteweb

180
00:10:55,645 --> 00:10:58,669
de faire la même chose pour SGQRI.

181
00:10:58,669 --> 00:11:02,082
De pouvoir montrer au gens 'Est-ce que je suis conforme SGQRI ?'

182
00:11:02,082 --> 00:11:05,022
et si ce n'est pas le cas, que les gens rentrent dans la démarche

183
00:11:05,022 --> 00:11:07,273
ou alors on peut l'utiliser en interne,

184
00:11:07,273 --> 00:11:09,940
simplement pour dire voilà j'ai 10, 20, 30 sites

185
00:11:09,940 --> 00:11:13,759
comment je fais pour voir où j'en suis.

186
00:11:13,759 --> 00:11:16,161
Tout cela, ce sont des données qui sont mises en avant

187
00:11:16,161 --> 00:11:29,156
par rapport au travail que vous faites dans vos évaluations ou dans vos mises en œuvre.

188
00:11:29,156 --> 00:11:34,278
En novembre, on va publier le 1er baromètre SGQRI

189
00:11:34,278 --> 00:11:40,002
qui sera basé sur les ministères et les organismes publics.

190
00:11:40,002 --> 00:11:43,728
La répartition et la priorisation des tâches,

191
00:11:43,728 --> 00:11:45,643
c'est une autre problématique.

192
00:11:45,643 --> 00:11:47,589
Vous avez fait une évaluation, l'évaluation en tant que telle,

193
00:11:47,589 --> 00:11:49,893
elle est intéressante. Le test en lui même est intéressant.

194
00:11:49,893 --> 00:11:52,659
Sauf que le test va vous rapporter des problèmes.

195
00:11:52,659 --> 00:11:56,430
Hors les problèmes ne correspondent pas à ce qu'il y a à faire concrètement.

196
00:11:56,430 --> 00:12:00,710
Typiquement on a détecté qu'une image n'avait pas d'attribut alt

197
00:12:00,710 --> 00:12:02,625
Pourquoi il n'y a pas d'attribut alt ?

198
00:12:02,625 --> 00:12:04,817
Peut-être que c'est parce que le développeur

199
00:12:04,817 --> 00:12:07,798
n'a pas produit la fonctionnalité dans le gabarit

200
00:12:07,798 --> 00:12:10,560
de la page ou parce que dans l'interface de saisie

201
00:12:10,560 --> 00:12:13,953
du gestionnaire de contenu il n'y a pas la possibilité pour le rédacteur de le saisir.

202
00:12:13,953 --> 00:12:16,325
Il peut y avoir plusieurs causes possibles

203
00:12:16,325 --> 00:12:20,772
à 1 problème qui est détecté on va devoir identifier plusieurs tâches.

204
00:12:20,772 --> 00:12:26,512
Sur chacune de ces tâches, on va pouvoir affecter des profils et les estimer en durée.

205
00:12:26,512 --> 00:12:29,706
Une fois que l'on aura estimé les durées et affecté les profils,

206
00:12:29,706 --> 00:12:33,935
on va pouvoir les prioriser en fonction de l'impact utilisateur.

207
00:12:33,935 --> 00:12:36,384
Ne pas avoir d'attribut alt sur une image,

208
00:12:36,384 --> 00:12:39,508
ça a une forte conséquence pour l'utilisateur.

209
00:12:39,508 --> 00:12:47,177
Ne pas avoir un intitulé de lien parfaitement pertinent dans un contexte donné,

210
00:12:47,177 --> 00:12:49,860
ça va avoir moins d'impact.

211
00:12:49,860 --> 00:12:53,445
Tout cela, ce sont des choses que l'on va pouvoir classer,

212
00:12:53,445 --> 00:12:58,470
une fois que l'on a fait cette liste des taches de manière collaborative,

213
00:12:58,470 --> 00:13:04,323
avec les gens qui détectent les problèmes et les équipes de développement.

214
00:13:04,323 --> 00:13:08,645
Pour vous aider à cela encore une fois, on peut avoir des outils.

215
00:13:08,645 --> 00:13:10,529
Je vais vous en montrer un exemple,

216
00:13:10,529 --> 00:13:13,999
et puis on a pour WCAG pour l'instant et on est en rain de travailler avec Accessibiliteweb

217
00:13:13,999 --> 00:13:17,501
pour faire la même chose sur SGQRI.

218
00:13:17,501 --> 00:13:22,739
On a un document qui émane de ce qui a été montré ce matin,

219
00:13:22,739 --> 00:13:30,013
le BOEW je vais vous le remontrer.

220
00:13:30,013 --> 00:13:35,424
Ça c'est la répartition qui a été faite dans la boite à outils de l'expérience web.

221
00:13:35,424 --> 00:13:42,712
Pour chaque critère WCAG, ils vont vous donner la répartition correspondante

222
00:13:42,712 --> 00:13:47,015
en fonction du profil, par exemple le critère 1.1.1.

223
00:13:47,015 --> 00:13:52,039
il concerne les rédacteurs, les développeurs, le contrôle qualité et le prototypage

224
00:13:52,039 --> 00:13:56,543
Typiquement, si je détecte ce problème là et que je génère un rapport d'audit

225
00:13:56,543 --> 00:13:59,082
je vais pouvoir l'envoyer uniquement à la personne

226
00:13:59,082 --> 00:14:00,751
qui est concernée par ce problème là

227
00:14:00,751 --> 00:14:03,596
et la personne qui n'est pas concernée n'aura pas la visibilité de ce point là

228
00:14:03,596 --> 00:14:10,894
puisqu'il ne la concerne pas.

229
00:14:10,894 --> 00:14:17,020
L'autre élément, c'est un exemple dans l'outil 
qu'on développe

230
00:14:17,020 --> 00:14:19,248
chez nous à Temesis

231
00:14:19,248 --> 00:14:25,284
On a une fonctionnalité de tâches ici ça correspond à un audit qui a été fait sur un site.

232
00:14:25,284 --> 00:14:29,033
Pour chacune des tâches correctives qui ont été créées,

233
00:14:29,033 --> 00:14:34,430
on a estimé une durée, on a fixé une priorité et on a mis des tags.

234
00:14:34,430 --> 00:14:36,379
Par exemple ici dans les tags, vous avez...

235
00:14:36,379 --> 00:14:39,759
Vous ne voyez pas car l'écran n'est pas très net, vous avez templates, contenu,

236
00:14:39,759 --> 00:14:42,820
développement, CMS, etc.

237
00:14:42,820 --> 00:14:46,513
Ce qui permet de classer ces tâches en fonction des mots-clés

238
00:14:46,513 --> 00:14:50,928
et donc d'avoir des priorités qui sont classées

239
00:14:50,928 --> 00:14:55,085
et donc estimable plus concrètement.

240
00:14:55,085 --> 00:14:57,286
Surtout cela permet de mutualiser.

241
00:14:57,286 --> 00:14:59,898
Typiquement si vous avez plusieurs sites,
si vous vous rendez compte que vous avez

242
00:14:59,898 --> 00:15:02,710
des sous-titres qui ne sont pas présents sur l'ensemble des sites

243
00:15:02,710 --> 00:15:05,732
que vous gérez. Vous allez commander vos sous-titres

244
00:15:05,732 --> 00:15:08,770
pour l'ensemble de vos sites plutôt que de manière individuelle.

245
00:15:08,770 --> 00:15:12,608
Si vous devez développer un plugin pour un gestionnaire de contenu.

246
00:15:12,608 --> 00:15:15,320
En fait, vous vous rendez compte que vous n'avez pas 1 site qui a ce gestionnaire

247
00:15:15,320 --> 00:15:17,415
de contenu mais vous en avez 10.

248
00:15:17,415 --> 00:15:22,687
Le plugin que vous développez, vous le développez par pour 1 un site mais pour 6, 10,

249
00:15:22,687 --> 00:15:33,872
ou 20 sites et donc les coûts sont d'autant diminués.

250
00:15:33,872 --> 00:15:36,553
Pour terminer, la partie sur l'évaluation formative,

251
00:15:36,553 --> 00:15:39,772
ça, c'est un point qui est très important.

252
00:15:39,772 --> 00:15:41,764
Qu'est ce que je met là dedans ?

253
00:15:41,764 --> 00:15:45,258
Je mets la possibilité d'avoir pour les développeurs des outils très simples à utiliser

254
00:15:45,258 --> 00:15:47,645
qui leur donne très rapidement des informations

255
00:15:47,645 --> 00:15:52,894
sur où se situent les problèmes et sur qu'est ce qu'il faut faire pour les corriger ?

256
00:15:52,894 --> 00:15:57,010
Donc les intégrer le plus en amont possible dans l'ensemble de la chaîne de production.

257
00:15:57,010 --> 00:16:01,396
Fournir le matériel pédagogique au môment opportun et en quantité limité

258
00:16:01,396 --> 00:16:04,354
Je vais pas renvoyer la personne sur les techniques WCAG

259
00:16:04,354 --> 00:16:09,563
où il y a 500 techniques réparties, toutes au même niveau sans priorisation

260
00:16:09,563 --> 00:16:12,565
à l'intérieur. Je vais utiliser un langage

261
00:16:12,565 --> 00:16:16,153
qui est propre à la cible à qui je m'adresse.

262
00:16:16,153 --> 00:16:20,099
L'autre solution intéressant, c'est que plutôt de demander de faire

263
00:16:20,099 --> 00:16:23,059
des évalutions complètes à postériori.

264
00:16:23,059 --> 00:16:25,653
Vous avez un auditeur, un évaluateur qui va sur le site

265
00:16:25,653 --> 00:16:28,433
qui vous fait un rapport, qui vous transmet le rapport.

266
00:16:28,433 --> 00:16:32,181
C'est important d'avoir l'évaluateur proche du développeur.

267
00:16:32,181 --> 00:16:35,596
Si possible même d'avoir du travail en commun

268
00:16:35,596 --> 00:16:38,869
Quand le développeur va coder, vous avez l'évaluateur qui est à coté de lui

269
00:16:38,869 --> 00:16:41,084
et qui va le corriger au fur et à mesure

270
00:16:41,084 --> 00:16:44,255
De cette manière-là, il va y avoir une vraie montée en compétences,

271
00:16:44,255 --> 00:16:47,710
beaucoup plus rapide de l'intégrateur et du développeur

272
00:16:47,710 --> 00:16:51,435
que s'il avait reçu un rapport de 80, 40 ou 50 pages,

273
00:16:51,435 --> 00:16:53,381
qu'il fallait qu'il le lise et qu'il le comprenne.

274
00:16:53,381 --> 00:16:55,382
Qu'il corrige puis que l'évaluateur revienne

275
00:16:55,382 --> 00:16:57,686
qu'il se rend compte qu'il avait pas bien corrigé

276
00:16:57,686 --> 00:17:00,175
etc, etc, etc.

277
00:17:00,175 --> 00:17:04,918
Donc ça c'est ce qu'on appelle l'évaluation à 4 mains

278
00:17:04,918 --> 00:17:11,038
donc les mains du développeur et puis les mains de l'évaluateur.

279
00:17:11,038 --> 00:17:17,731
Et puis la mise à disposition des outils, je vais vous montrer cela rapidement

280
00:17:17,731 --> 00:17:20,332
C'était le premier site qui s'est ouvert quand j'ai ouvert le navigateur,

281
00:17:20,332 --> 00:17:22,932
donc c'est celui là que je vais montrer.

282
00:17:22,932 --> 00:17:26,785
Ici, donc pareil on a développé un plugin open-source pour Firefox,

283
00:17:26,785 --> 00:17:31,144
qui vous permet à l'heure actuelle de tester 450 tests

284
00:17:31,144 --> 00:17:34,817
dont une bonne partie qui concerne l'accessibilité

285
00:17:34,817 --> 00:17:38,565
les fameux 1er pas et 2ème pas.

286
00:17:38,565 --> 00:17:41,558
Donc sur ce site là, par exemple, j'ai simplement appuyé sur le bouton

287
00:17:41,558 --> 00:17:47,430
pour lancer l'analyse et donc il y a 1, 2, 3, 4, 5, 6

288
00:17:47,430 --> 00:17:50,935
élements qui ne sont pas conformes.

289
00:17:50,935 --> 00:17:55,097
Je peux ici, avoir la liste des éléments en question et si nécessaire

290
00:17:55,097 --> 00:18:04,437
avoir avoir accès plus précisément à l'élément qui pose problème

291
00:18:04,437 --> 00:18:13,045
et avoir accès à son code HTML pour voir où se situe le souci.

292
00:18:13,045 --> 00:18:19,331
Donc, ce genre d'outil qui est très simple va vous permettre d'avoir la base.

293
00:18:19,331 --> 00:18:22,456
Corrigez la base et une fois que la base est corrigée,

294
00:18:22,456 --> 00:18:27,568
vous envoyez vos maquettes à une évaluation par un évaluateur qui va faire un audit complet

295
00:18:27,568 --> 00:18:30,607
de votre site et effectivement là, il vous remontera peut-être des éléments

296
00:18:30,607 --> 00:18:35,021
sur la pertinence du contenu ou comme a montré François sur la partie

297
00:18:35,021 --> 00:18:41,013
subjective mais toute la partie objective sera traitée en amont.

298
00:18:41,013 --> 00:18:45,013
Voilà merci.