Mis à jour le 14 décembre 2023

1.Définition de l’accessibilité

Le concept d’accessibilité est large et ne concerne pas uniquement le numérique. L'accessibilité se réfère à la mesure dans laquelle quelque chose est facilement utilisable par un individu.

L’objectif derrière de conception est de créer un environnement inclusif où toutes les personnes, quelles que soient leurs capacités, peuvent participer activement et bénéficier de manière égale des ressources, des services et des opportunités disponibles.

→ Accessibilité physique

Dans le contexte de l'accessibilité physique, cela peut se traduire par des aménagements tels que des rampes d'accès pour les personnes en fauteuil roulant, des ascenseurs pour faciliter la mobilité, des signaux sonores pour les personnes malvoyantes, etc.

→ Accessibilité numérique

Dans le domaine des technologies de l'information, l'accessibilité concerne la conception de sites web, d'applications et d'autres interfaces numériques de manière à ce qu'elles soient utilisables par un large éventail de personnes, y compris celles ayant des limitations physiques ou sensorielles.

2. Qui est concerné par les problématiques d’accessibilité numérique ?

Toutes personnes munies d’un handicap, soit 1 personne sur 5 en France source : Rapport 2023 - Drees sur le handicap

80% des handicaps sont invisible source : Agefiph - guide au sujet du handicap invisible

Handicap visuel

Par exemple : Daltonisme, cécité, malvoyance…

Comment ça se traduit ? Difficultés à voir et à lire.

👉 Un exemple de bonne pratique : Vigilance sur les contrastes de couleurs entre texte et arrière plan et sur la taille des polices.

Handicap auditif

Par exemple : Surdité totale, surdité partielle…

Comment ça se traduit ? Difficultés à entendre.

👉 Un exemple de bonne pratique : Proposer des sous-titres durant la lecture de vidéos.

Handicap moteur

Par exemple : Tétraplégie, dyspraxie…

Comment ça se traduit ? Difficultés à se mouvoir, à utiliser une souris ou un clavier.

👉 Un exemple de bonne pratique : Eviter de demander un clic précis et préférer une large zone cliquable.

Handicap cognitif

Par exemple : Dyslexie, dysphasie…

Comment ça se traduit ? Difficultés à comprendre des contenus textuels.

👉 Un exemple de bonne pratique : Préférer des textes non justifiés, avec une grande interligne et avec des lettres minuscules.

Handicap lié à la santé mentale

Par exemple : troubles de santé mentale tels que l'anxiété, la dépression, etc ou trouble autistique

Comment ça se traduit ? Sensibilité à l’environnement, à l’excès d’information, imprévisibilité

‍‍👉 Un exemple de bonne pratique : Eviter les pop-up, les notifications et veiller à la formulation positive

Handicap lié à l'âge ou manque d’acculturation au numérique

‍Par exemple : ****Personnes âgées

Comment ça se traduit ? Difficultés à utiliser des technologies complexes

‍👉 Un exemple de bonne pratique : Privilégier un seul parcours de navigation, simple et une seule action à réaliser à la fois (1 bouton pas 2, par exemple)

3. Quels sont les standards à respecter dans le cas de l’accessibilité numérique ?

La norme

Le WCAG 2.1 est la norme universelle recensant les recommandations à respecter selon 3 niveaux :

Recommandation de Niveau A : doit être respecté,
Recommandation de Niveau AA : devrait,
Recommandation de Niveau AAA : peut.

Le RGAA est le référentiel français pour faire respecter le WCAG. Il recense les méthodes à suivre et les méthodes de vérification.

<aside> 💡

The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet.

Les Web Content Accessibility Guidelines (WCAG) font partie d'une série de directives d'accessibilité web publiées par l'Initiative pour l'accessibilité du Web (WAI) du World Wide Web Consortium (W3C), la principale organisation internationale de normalisation pour Internet

</aside>

Les établissements concernés

<aside> ❓ Pour qui est-il obligatoire de respecter le WCAG en France ? Selon la typologie d’acteurs, un niveau de critère minimum est demandé, de simple A à triple AAA. Cela concerne :

les services de l’État ;
les collectivités territoriales ;
les établissements publics ;
les organisations légataires d’une mission de service public ;
les entreprises dont le chiffre d’affaires en France est supérieur à 250 millions d’euros ;
les organisations d’intérêt général. </aside>

Les supports concernés

Essentiellement

les sites internet, intranet, extranet et progiciels ;
les applications mobiles ;
le mobilier urbain numérique.

Les risques en cas de non respect

Le ministre chargé des personnes handicapées peut prononcer une sanction financière allant jusqu’à 20 000 euros par service en ligne

4. Les bonnes pratiques

Des pratiques

Vérifier ses palettes de couleurs sur colorsafe
Les ratios de contraste recommandés par le W3C :

Text type	Color contrast ratio
Large text (at 14 pt bold/18 pt regular and up) and graphics	3:1 against the background
Small text	4.5:1 against the background

🚫 Contraste insuffisant

✅ Contraste réussi !

Les textes sur les images et les “layers” d’assombrissement

🚫 Une photo ne permettant pas la lecture du texte

✅ Réduire l’opacité comme ici pour lire le texte

Ajouter des labels aux couleurs et aux légendes car la couleur ne suffit pas à expliciter l’information

Une liste de couleur lue par une personne sans handicap à gauche ou par un daltonien à droite, ouf il y a des labels

Des exemples de critères à respecter

Couleur et média

[ ] Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
[ ] Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?
[ ] Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?
[ ] Chaque image porteuse d’information ou contenu multimédia a-t-elle une alternative textuelle ?
[ ] Chaque média temporel pré-enregistré a-t-il, si nécessaire, une audiodescription synchronisée (hors cas particuliers) ?

Lien

[ ] Chaque lien est-il explicite (hors cas particuliers) ?

Structure et Présentation de l’information

[ ] Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?
[ ] Dans chaque page web, chaque citation est-elle correctement indiquée ?
[ ] Dans chaque page web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu’à 200 %, au moins (hors cas particuliers)
[ ] Dans chaque page web, les propriétés d’espacement du texte peuvent-elles être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité (hors cas particuliers) ?

D’autres critères sont relatifs à l’execution technique d’outils numériques (script, feuille de style) ou des fonctionnalités spécifiques comme les formulaires ou la consultation de tableaux.

5. Outils et ressources utiles