accessibilite
S01:E01

accessibilite

Episode description

Les Règles pour l’accessibilité des contenus Web (WCAG), élaborées par le W3C, définissent un standard international pour rendre le contenu Web accessible aux personnes en situation de handicap. Elles s’adressent à tous les acteurs du Web, des développeurs aux concepteurs, en passant par les responsables de l’évaluation de l’accessibilité

Download transcript (.srt)
0:00

Bienvenue à tous pour notre deep dive du

0:02

jour. On plonge aujourd'hui dans

0:04

l'univers des WCAG 2 les règles pour

0:07

l'accessibilité des contenus web. Un

0:09

sujet que vous, en tant qu'utilisateur du

0:11

web, coteuillez tous les jours sans

0:13

forcément le savoir.

0:14

Absolument et c'est justement ce qui est

0:16

fascinant avec les WCAG, ils ont un

0:17

impact concret sur l'expérience de

0:19

chacun sur le web, même si on n'est

0:20

qu'à des pas forcément.

0:21

Ok, allons-y, étape par étape, c'est

0:23

quoi, aux justes les WCAG et pourquoi

0:26

sont-elles si importantes ?

0:27

Imaginez un instant que vous tendiez

0:29

d'accéder à un site web avec des

0:31

informations cruciales, mais que vous ne

0:33

puissiez ni lire le texte, ni naviguer

0:34

sur la page, ni comprendre son contenu.

0:37

C'est malheureusement le cas pour

0:38

beaucoup de personnes en situation d'un

0:40

handicap qui rencontrent

0:41

des barrières sur le web.

0:42

Et c'est là que les WCAG entrent en jeu.

0:44

Exactement, les WCAG ce sont un ensemble

0:45

de lignes directrices internationales qui

0:47

visent à rendre le contenu web

0:49

accessible à tout quel que soit leur

0:50

capacité. Elle repose sur quatre

0:53

principes fondamentaux, perceptibles,

0:55

utilisables,

0:56

compréhensibles et robustes.

0:58

Quatre principes, ça fait beaucoup à

1:00

retenir. On peut les décortiquer un peu.

1:02

Bien sûr, perceptible, ça veut dire que

1:04

le contenu du site web doit être

1:06

accessible à tous les sens. Par exemple,

1:08

si vous êtes malvoyant et que vous

1:10

utilisez un lecteur d'écran, vous devez

1:12

pouvoir entendre le contenu des images

1:14

grâce à des

1:15

descriptions textuelles alternatives.

1:17

C'est un peu comme si on décrivait

1:18

l'image à quelqu'un

1:19

qui ne peut pas l'avoir.

1:19

Exactement. En site utilisable, signifie

1:22

que le site doit être facile à naviguer

1:24

et à utiliser peu importe les capacités

1:26

physiques de l'utilisateur. On pense par

1:28

exemple à la navigation ou clavier pour

1:30

les personnes qui ne

1:30

peuvent pas utiliser de souris.

1:32

Ah oui, d'ailleurs j'ai déjà remarqué

1:33

que certains sites sont très difficiles

1:36

à utiliser sans souris. On a

1:37

l'impression de galérer à chaque clic.

1:39

C'est un signe que le site n'est

1:40

probablement pas conçu de manière

1:41

optimale pour l'accessibilité. Les WCAG

1:45

visent justement à éviter ce genre de

1:46

problème en fournissant des

1:48

recommandations précises.

1:50

Et les deux autres principes

1:51

compréhensibles et

1:52

robustes, ils concernent quoi ?

1:54

Compréhensibles, mais l'accent sur la

1:56

clarté du contenu et de la navigation.

1:58

Il faut que le langage soit simple, que

2:00

l'information soit structurée de

2:02

manière logique, et que les interactions

2:04

soient prévisibles quant à robuste.

2:06

Cela signifie que le site doit être

2:07

compatible avec un large éventail de

2:09

technologies y compris les technologies

2:11

d'assistance utilisées par

2:12

les personnes handicapées.

2:14

Donc en résumé, les WCAG c'est un peu

2:16

comme un guide de bonne pratique pour

2:18

créer un site web qui soit accessible à

2:21

tous et qui offre une expérience

2:23

utilisateur optimal.

2:25

C'est une excellente synthèse et ce qui

2:26

est intéressant c'est que ces principes

2:28

bénéficient à tout le monde, pas

2:30

seulement aux personnes en situation de

2:31

handicap. Un site web accessible est

2:33

souvent plus clair, plus facile à

2:36

utiliser et plus performant pour tous.

2:38

C'est vrai, on a tous déjà été

2:39

frustrés par un site web mal conçu avec

2:42

des informations difficiles à trouver ou

2:44

une navigation chaotique.

2:46

Exactement, l'accessibilité c'est

2:47

finalement une question de bon sens et de

2:49

conception web de qualité.

2:50

Mais concrètement, comment est-ce que

2:51

les WCAG s'appliquent ? On a parlé de

2:54

recommandations, mais est-ce que c'est

2:55

obligatoire de les suivre ?

2:56

Il faut savoir que les WCAG se déclinent

2:58

en différents niveaux de conformité. Et

3:01

le niveau A représente des exigences

3:04

minimales, tandis que le niveau A est le

3:06

plus strict, la plupart des organisations

3:08

visent le niveau A qui offrent un bon

3:10

équilibre entre

3:11

accessibilité et faisabilité.

3:13

Donc viser le niveau A, c'est un peu

3:15

comme viser la moyenne, mais une bonne

3:16

moyenne qui assure une

3:17

bonne accessibilité.

3:18

Oui, c'est une bonne façon de le voir.

3:20

Et il faut savoir que la législation

3:21

dans certains pays et même au niveau

3:23

international rend obligatoire le respect

3:25

d'un certain niveau de conformité aux

3:27

WCAG pour les sites web

3:29

publics et les services en ligne.

3:30

Je vois donc en plus d'être une question

3:32

d'éthique et de bon sens,

3:33

l'accessibilité web a

3:35

aussi un cadre légal.

3:36

Tout à fait. Et c'est important de

3:37

souligner, car cela montre que

3:39

l'accessibilité web est prise au

3:41

sérieux, et qu'elle est reconnue comme

3:42

un droit fondamental.

3:44

C'est rassurant de voir que les choses

3:45

avancent dans le bon sens, mais j'imagine

3:47

qu'il y a encore beaucoup de travail à

3:48

faire pour que le web soit

3:50

vraiment accessible à tous.

3:51

Absolument, il reste encore beaucoup de

3:53

sites web qui ne sont pas conformes aux

3:54

WCAG, et il faut continuer à

3:56

sensibiliser les développeurs, les

3:58

designers et les décideurs à

3:59

l'importance de l'accessibilité.

4:01

Et justement, pour ceux qui souhaitent en

4:02

savoir plus sur les WCAG, par où

4:03

commencer, est-ce qu'il existe des

4:05

ressources facilement accessibles ?

4:06

Bien sûr, le W3C, le consortium qui a

4:09

développé les WCAG, mais à disposition

4:11

de nombreuses ressources en ligne. On y

4:14

trouve des guides, des tutoriels, des

4:16

exemples de bonnes pratiques et même des

4:18

outils pour tester

4:18

l'accessibilité d'un site web.

4:20

Super ! On mettra tous ces liens à

4:22

disposition dans les notes de cet

4:24

épisode pour que vous puissiez

4:25

facilement les retrouver.

4:26

Parfaitement. Et n'hésitez pas à

4:27

explorer ces ressources et à départager

4:30

autour de vous. Plus on sera nombreux à

4:32

s'intéresser à l'accessibilité web,

4:34

plus le web sera un espace

4:35

inclusif et accessible à tous.

4:37

Merci pour toutes ces explications. Je

4:39

pense qu'on a déjà bien avancé dans

4:41

notre compréhension des WCAG, mais ce

4:43

n'est que le début de notre exploration.

4:45

Dans la deuxième partie de ce deep dive,

4:48

on se penchera plus en détail sur les

4:49

différents niveaux de conformité et sur

4:52

les critères spécifiques à respecter

4:53

pour rendre un site web

4:54

accessible resté avec nous.

4:56

Alors Prèpes, l'engin un peu plus en

4:58

profondeur dans les niveaux de

4:59

conformité des WCAG.

5:00

Ah carrément, c'est là que ça devient

5:01

vraiment concret. Non, on a vu les grands

5:03

principes. Maintenant, on va voir comment

5:04

les appliquer en pratique.

5:06

Exactement. Chaque principe se traduit

5:08

par des critères de succès précis et

5:10

vérifiables qui permettent de

5:12

déterminer si un site web est conforme

5:13

au WCAG. Et comme on l'a dit, il existe

5:15

trois niveaux de

5:16

conformité, AFA et AFAWA.

5:18

Donc si je comprends bien plus le niveau

5:21

est élevé, plus le

5:22

site web est accessible.

5:23

C'est ça le niveau. AR représente le

5:25

minimum requis pour rendre un site web

5:26

accessible. Le niveau A-A, c'est le

5:28

niveau recommandé pour la plupart des

5:30

sites web, car il a fait un bon

5:31

équilibre entre accessibility et

5:33

faisabilité. Enfin, le niveau A-A,

5:35

alors, est le niveau d'accessibilité le

5:37

plus élevé, mais il est souvent

5:38

difficile à atteindre pour

5:40

tous les types de contenus.

5:41

Et comment est-ce qu'on choisit le niveau

5:43

de conformité à viser?

5:45

C'est une question importante et la

5:46

réponse dépend de plusieurs facteurs.

5:48

Le type de site web sont publics, les

5:50

ressources disponibles, et bien sûr, la

5:52

législation en vigueur en général. On

5:54

recommande de viser au moins le niveau A

5:56

pour les sites web qu'en public.

5:58

C'est intéressant de voir qu'il y a une

5:59

dimension pragmatique dans le choix du

6:00

niveau de conformité. Ce n'était pas

6:02

juste une question de tout ou rien.

6:04

Absolument, l'objectif est de trouver le

6:05

meilleur compromis entre l'idéal d'une

6:07

accessibility parfaite et la réalité

6:10

des contraintes techniques et

6:11

budgétaire. Il faut aussi garder à

6:13

l'esprit que l'accessibilité web est un

6:16

processus continu. On peut commencer par

6:18

atteindre le niveau,(...) appuyer

6:20

progresser vers le niveau

6:21

A-A, et ainsi de suite...

6:23

Donc, même si on n'atteint pas le niveau

6:25

A dès le départ, l'important, c'est de

6:29

faire des efforts pour améliorer

6:31

l'accessibilité de son site web.

6:32

Exactement chaque petit pas compté.

6:34

Puis, il faut se rappeler que les

6:35

duplicates ne sont qu'un guide.

6:37

L'objectif final, c'est de créer un site

6:39

web qui soit réellement utilisable par

6:41

tout ce qu'elle que soit leur capacité.

6:42

Et pour illustrer ces niveaux de

6:44

conformité, on peut peut-être prendre

6:45

quelques exemples concrets. Avec plaisir,

6:48

prenons le critère 1.4.3. Contrast

6:50

minimum au niveau. A ce critère, exige

6:53

un contraste de couleur suffisant entre

6:55

le texte et son arrière-plan pour les

6:56

personnes malvoyantes au niveau A-A. Le

6:58

contraste requis est plus élevé, ce qui

7:00

rend texte encore plus lisible. Au niveau

7:01

A-A, le contraste est encore plus

7:03

important, ce qui garantit une

7:04

lisibilité optimale, même pour les

7:06

personnes ayant une déficience visuelle

7:08

sévère. Donc, en gros, plus le niveau

7:11

de conformité est élevé, plus on

7:14

s'assure que le texte soit facile à

7:15

lire. Pour tous, même pour ceux qui ont

7:17

des difficultés visuelles.

7:18

C'est ça, notre exemple intéressant,

7:19

c'est le critère 2.4.7.

7:22

Focus visible au niveau.

7:24

Il est simplement exigé que le focus du

7:25

clavier, c'est-à-dire l'élément sur

7:27

lequel on se trouve quand on navigue au

7:29

clavier, soit visible.

7:31

Ah oui, la fameuse petite boîte qui se

7:33

dépasse quand on appuie sur la touche.

7:35

D'abstrave, j'avoue que vous ne faisiez

7:36

pas vraiment attention à ça avant.

7:37

C'est un élément crucial pour les

7:39

personnes qui ne peuvent pas utiliser de

7:40

souris et qui naviguent sur le web

7:42

uniquement au clavier au niveau A-A. Le

7:44

critère focus visible exige que le focus

7:47

soit non seulement visible, mais aussi

7:48

suffisamment contrasté par rapport à

7:50

l'arrière-plan. Et au niveau A-A, on

7:52

exige que le focus est une taille et une

7:54

forme spécifique pour être encore plus

7:56

facilement repérable.

7:57

C'est fou comme des détails qui peuvent

7:59

paraître insignifiant pour certains peut

8:01

faire une énorme

8:02

différence pour d'autres.

8:03

C'est tout l'enjeu de l'accessibilité

8:04

web prendre en compte la diversité des

8:06

besoins et des capacités des

8:08

utilisateurs. Et c'est aussi ce qui rend

8:09

ce domaine si passionnant.

8:11

C'est clair, on apprend plein de choses

8:12

en se penchant sur les WSAG, mais

8:14

j'imagine qu'il y a aussi des défis à

8:16

revêt pour mettre en

8:17

place ces critères de succès.

8:18

Bien sûr, l'un des principaux défis,

8:20

c'est la sensibilisation. Beaucoup de

8:21

développeurs et du designers ne sont pas

8:23

encore concernes de l'importance de

8:24

l'accessibilité web, où ils pensent que

8:25

c'est trop compliqué à mettre en place.

8:28

Il y a aussi la question des ressources,

8:29

car rendre un site web accessible peut

8:31

demander du temps et des

8:32

compétences spécifiques.

8:34

C'est vrai, on peut facilement imaginer

8:35

que ça nécessite des ajustements

8:37

importants au niveau du code

8:38

et du design d'un site web.

8:40

Heureusement, il existe de plus en plus

8:42

d'outils et de ressources pour faciliter

8:44

la mise en place de l'accessibilité web.

8:46

Et puis il faut se rappeler qu'un

8:47

investissement dans l'accessibilité est

8:49

un investissement rentable à long terme,

8:51

car il permet de toucher un public plus

8:53

large, d'améliorer l'image de marque et

8:55

de réduire les risques de litige.

8:58

C'est donc un investissement gagnant,

9:00

gagnant pour tout le monde, mais

9:01

concrètement, par où commencer pour

9:03

rendre un site web accessible ?

9:04

Il y a plusieurs étapes clés. La

9:06

première, c'est de réaliser un audit

9:07

d'accessibilité pour identifier les

9:09

points faibles du site web. Ensuite, il

9:11

faut définir un plan d'action pour

9:12

corriger les problèmes identifiés, en

9:14

priorisant les actions en fonction de

9:16

leur impact et de leur faisabilité. Il

9:18

est également important de former les

9:20

équipes de développement et de design

9:22

aux bonnes pratiques de l'accessibilité.

9:23

Et enfin, il faut tester régulièrement

9:25

les sites web pour s'assurer qu'il reste

9:26

accessible au fur et à mesure des mises

9:28

à jour et des évolutions.

9:30

Wow, c'est tout un processus. On comprend

9:33

mieux pourquoi l'accessibilité web est

9:35

un domaine à part entière.

9:36

Absolument. Et c'est un domaine en

9:38

constante évolution, avec de nouveaux

9:40

outils, de nouvelles technologies et de

9:42

nouvelles normes qui émergent

9:43

régulièrement. Il est donc important de

9:45

se tenir informé des dernières

9:47

nouveautés et de ne pas hésiter à se

9:49

remettre en question.

9:49

C'est un message important, retenir

9:51

l'accessibilité web. Ce n'est pas un

9:52

sprint, c'est un marathon. Il faut être

9:54

prêt à apprendre, à s'adapter et à

9:55

progresser continuellement. Mais on a vu

9:57

aujourd'hui que les efforts en valent la

9:58

peine, car un web accessible est d'un web

10:01

plus juste, plus inclusif

10:02

et plus riche pour tous.

10:04

Tout à fait d'accord. Et n'oublions pas

10:06

que l'accessibilité web, c'est aussi une

10:07

question d'empathie et de solidarité en

10:09

rembandant nos sites web accessibles. On

10:11

contribue à créer un monde numérique

10:13

plus juste et plus équitable pour tous.

10:16

On a beaucoup parlé technique et de

10:17

conformité, mais j'aimerais bien qu'on

10:19

prenne un peu de recul et qu'on

10:21

réfléchisse à l'impact humain de

10:22

l'accessibilité web.

10:23

Ah oui, c'est essentiel.

10:25

Ouais.

10:25

Derrière les lignes de code et les

10:26

critères techniques, il y a des

10:28

personnes réelles dont la vie est

10:29

directement impactée par

10:31

l'accessibilité du web.

10:32

C'est vrai, on a tendance à l'oublier.

10:34

Parfois on parle de navigation, aux

10:36

claviers de contraste de couleurs, mais

10:38

on oublie que ces éléments peuvent

10:39

faire la différence entre l'inclusion et

10:42

l'exclusion pour certaines personnes.

10:44

Exactement. Imaginez une personne

10:45

malvoyante qui ne peut pas lire les

10:47

informations sur un site web parce que le

10:49

contrat s'est insuffisant, ou une

10:50

personne saut de quira de des

10:52

informations cruciales parce qu'une

10:53

vidéo n'est pas sous-titrée.

10:54

C'est vrai.

10:55

C'est comme si on leur fermait la porte

10:56

au nez, on les prive d'un accès égal à

10:58

l'information et au service.(...) Et ce

11:00

n'est pas seulement une question d'accès

11:01

à l'information, c'est aussi une

11:02

question de participation de la

11:04

société, de pouvoir interagir avec les

11:06

autres, de faire ses achats en ligne, de

11:08

gérer ses comptes bancaires, bref, de

11:09

vivre une vie pleinement intégrée dans

11:11

le monde numérique.

11:12

Ouais, c'est une question d'innité et

11:13

d'autonomie finalement.

11:15

Absolument. Et c'est pour ça que

11:16

l'accessibilité web est un droit

11:18

fondamental. Pas un luxe ou une option.

11:20

Est-ce qu'il y a courage en ce qu'on voit

11:21

de plus en plus d'initiatives pour

11:24

promouvoir l'accessibilité web des lois,

11:27

des normes, des outils ?

11:29

La sensibilisation progresse.

11:30

Oui, il y a une prise de conscience

11:32

croissante de l'importance de

11:34

l'accessibilité. Et c'est une bonne

11:36

nouvelle,(...) mais il reste encore

11:38

beaucoup de chemin à parcourir. C'est

11:40

dans travail de Longalene qui demande

11:42

l'implication de tous les développeurs

11:44

aux designers en passant par les

11:45

décideurs politiques et

11:46

les utilisateurs humains.

11:48

Exactement chacun a un rôle à jouer en

11:50

tant qu'utilisateur. On peut par exemple

11:52

choisir de privilégier les sites web

11:54

accessibles en tant que développeur. On

11:56

peut s'engager à respecter les normes

11:58

d'accessibilité en tant que citoyen. On

12:01

peut soutenir les initiatives qui

12:02

promovent l'inclusion numérique.

12:04

C'est une belle façon de conclure ce

12:05

deep dive en rappelant que

12:07

l'accessibilité web est l'affaire de

12:08

tous et que chaque geste compte.

12:11

Merci de m'avoir invité.(...) J'espère

12:13

que cette discussion aura permis de mieux

12:15

comprendre l'importance de

12:16

l'accessibilité web et d'encourager

12:18

chacun à agir pour un web plus inclusif.

12:20

Merci à vous pour votre expertise et à

12:22

tous nos auditeurs où vous encourage à

12:24

poursuivre votre exploration de

12:25

l'accessibilité web. N'hésitez pas à

12:28

consulter les ressources que nous avons

12:29

mises à disposition dans les notes de

12:31

l'épisode. Et surtout, n'oubliez pas que

12:33

chaque petit pack vous faites pour un web

12:35

plus accessible contribue à créer un

12:38

monde numérique plus juste et plus

12:40

équitable pour tous. A

12:41

bientôt pour un nouveau deep dive.