Un site internet accessible pour tous : les 5 pièges à éviter ! — Transcript

Full transcript

1. 0:12[tableau, tableau, tableau, tableau, tableau...]
2. 0:16Un site internet accessible sera meilleur pour tout le monde
3. 0:19[1910... 472 millions, 400, 1910...]
4. 0:22Pour quelqu'un qui a l'usage de ses yeux
5. 0:25de ses mains et donc de la souris on ne se rend pas compte des problèmes d'accessibilité sur ce site.
6. 0:30[Tableau 7 colonnes entrer tableau lu, rowing]
7. 0:31[colonne colonne 2, colonne 3...]
8. 0:42-Bonjour, je m'appelle Serge Denis, je suis expert en accessibilité numérique chez Passe Muraille
9. 0:47-Bonjour, je m'appelle Bruno, je suis formateur en nouvelles technologies chez EQLA
10. 1:01-Nous allons voir ce qu'il en est
11. 1:04Je vais essayer de trouver les horaires de l'urbanisme de la Ville d'Uccle
12. 1:10[Visité Uccle accueil L'administration Les services communaux]
13. 1:13[Heures d'ouverture des services communaux les services communaux]
14. 1:16[Appuyer Contactez les services communaux visité Uccle accueil Agenda]
15. 1:20[Bibliothèque Piscine Longchamps Le Centre Culturel]
16. 1:22[La Ferme Rose Promenade à Uccle...]
17. 1:24-Sur ce premier exemple, Bruno rencontre 2
18. 1:27problèmes principaux Le premier, c'est la navigation. Il est obligé
19. 1:31de passer par tous les points de menu
20. 1:34avant d'arriver au contenu de la page.
21. 1:36Il aurait été intéressant d'avoir un lien d'évitement.
22. 1:39Un lien qui permet de passer le menu
23. 1:41et d'arriver au contenu de la page.
24. 1:43[Historique, les avis, le Collège, le Conseil]
25. 1:45[ les loisirs, agenda, Bibliothèque, piscine Longchamps, le centre culturel ]
26. 1:48[ Appuyer, urbanisme ]
27. 1:49[Tableau 3 colonnes...]
28. 1:50-Tableau, je ne comprends pas ce que ça veut dire !
29. 1:53-Le deuxième problème c'est que lorsqu'il arrive sur la page
30. 1:58où il trouve tous les horaires des différents services
31. 2:02ces horaires sont indiqués dans des tableaux et ces tableaux
32. 2:05ne sont pas correctement libellés et donc il entend toujours
33. 2:09"tableau, tableau..." plutôt que d'entendre le titre du service où se trouve l'horaire.
34. 2:16[Cimetière de... tableau tableau tableau...]
35. 2:21-Je vais essayer de trouver sur le site de
36. 2:23la Ville de Bruxelles une exposition pour la fin du mois de septembre.
37. 2:27[Tableau septembre tableau 7 colonnes 6 lignes] [lu rowing colonne ma colonne 2 colonne 3...]
38. 2:33ça veut certainement dire les jours mais j'entends pas bien hein !
39. 2:39-La plus grosse difficulté pour réaliser cette opération
40. 2:42est vraiment liée au fonctionnement de l'agenda.
41. 2:46Le tableau n'est pas accessible, le libellé
42. 2:50n'est pas correct On ne sait pas si on est un lundi, un mardi,
43. 2:54un mercredi on ne sait pas si on a bien sélectionné
44. 2:57la date et on voit que Bruno a cru qu'il avait sélectionné une date de début
45. 3:02et une date de fin ce qui n'est pas le cas.
46. 3:09-Je vais aller sur le site du TEC pour pouvoir aller recharger ma carte TEC.
47. 3:17[Recherche Google bouton renseignez vos données personnelles]
48. 3:18[Aller au contenu principal 11 boite de dialogue web close bouton bannière]
49. 3:22[Close cookie bannière niveau d'entête 1 homepage le TEC wallonie wallonie ...]
50. 3:27-Lorsqu'il arrive sur le site, le TEC attire
51. 3:30son attention sur un message important lié au covid
52. 3:34Ce message, Bruno ne peut pas le lire avec une
53. 3:37synthèse vocale parce que ce popup qui apparait
54. 3:40n'est pas accessible, il n'est pas structuré correctement.
55. 3:44[Le TEC et, fin de, niveau d'entête 3, professionnels, l'offre business]
56. 3:48[0 1 9 1 0 1910 472 millions 400...1910 ]
57. 4:00[ vous êtes actuellement sur champ de texte calendrier groupe 1910]
58. 4:03-Au moment de créer son compte, Bruno est confronté à
59. 4:07un formulaire qui n'est pas accessible.
60. 4:09La plus grande difficulté sur ce formulaire c'est
61. 4:11les messages d'erreur qui ne sont pas vraiment
62. 4:14lisibles facilement pour lui.
63. 4:15Certains champs demandent un format particulier :
64. 4:18un format de date, pour une adresse email, pour un numéro de registre national
65. 4:24Il n'y a pas d'aide auditive pour l'accompagner dans le remplissage du formulaire
66. 4:30et au moment où il valide son formulaire il y a toute une série
67. 4:34de messages d'erreurs qu'il ne voit pas et qu'il n'entend pas
68. 4:37il ne sait pas non plus si son formulaire a été correctement envoyé.
69. 4:40[L'information ne correspond pas au format requis]
70. 4:43[civilité étoile]
71. 4:44[Monsieur bouton bouton Monsieur commune bouton...]
72. 4:47[- bruits de synthèse vocale - j'ai lu et j'accepte, la politique du TEC... suivant...]
73. 5:01-L'accessibilité ça touche tous les besoins spécifiques
74. 5:04ça touche aussi des personnes qui peuvent avoir des
75. 5:08problèmes cognitifs des personnes qui n'ont pas l'usage des mains,
76. 5:11des personnes qui ne voient pas les couleurs des personnes qui n'entendent pas...
77. 5:15à partir du moment où on travaille l'accessibilité d'un site internet
78. 5:18on permet à toutes ces personnes de pouvoir utiliser les sites internet
79. 5:23sachant que seulement 20% des personnes naissent avec leur handicap
80. 5:29et 80% des handicaps sont invisibles.
81. 5:30Donc on ne se rend pas compte que ces personnes ont ces besoins spécifiques.
82. 5:34Besoins spécifiques qui peuvent
83. 5:36par ailleurs naître avec l'âge.
84. 5:44-Rendre un site internet accessible
85. 5:47ce n'est pas compliqué ce sont des choses à savoir à la base.
86. 5:50C'est comme quand on construit une maison.
87. 5:52Quand on construit une maison on peut
88. 5:54la rendre accessible dès le départ.
89. 5:56Il y a vraiment des bonnes pratiques à connaître.
90. 5:58Alors pourquoi aujourd'hui ce n'est pas le cas ?
91. 6:01Parce que dans les programmes de formation,
92. 6:03que ce soient des développeurs ou designers ces personnes ne sont pas formées,
93. 6:07elles ne sont pas sensibilisées.
94. 6:09A partir du moment où l'accessibilité numérique
95. 6:12sera au programme des formations on ira d'office vers des sites plus accessibles.
96. 6:23-Un site internet accessible sera meilleur
97. 6:25pour tout le monde.
98. 6:26Il ne sera pas uniquement plus facile à utiliser
99. 6:29par des personnes en situation de handicap
100. 6:31Et il sera aussi beau qu'un autre site. C'est un préjugé de dire qu'un site internet
101. 6:37accessible est moche !
102. 6:38On entend souvent dire "Oh il n'y aura pas d'images"
103. 6:40"ce sera un site en noir et blanc..."
104. 6:43Ce n'est pas vrai, il y a vraiment de très beaux sites accessibles. Et encore une fois, quand je dis "beau"
105. 6:50la beauté c'est vraiment subjectif.