Passer au menu Passer au contenu principal Passer au pied de page

Comment bien appliquer l’accessibilité ?

Le Web Content Accessibility Guideline (WCAG) est divisé selon 4 principes :

1. La signalisation de votre site doit être « perceptible » : l’utilisateur doit pouvoir distinguer toutes les fonctionnalités de votre site, quels que soient ses contraintes ou son handicap. 

Un texte alternatif pour les images et vidéos présentées de manière différente (grands caractères, synthèse vocale, symboles ou langage simplifié).

Avoir une mise en page simplifiée sans perte d’information.

Distinguer la forme et le fond.

1. La signalisation de votre site doit être « perceptible » : l’utilisateur doit pouvoir distinguer toutes les fonctionnalités de votre site, quelles que soient ses contraintes ou son handicap. 

Un texte alternatif pour les images et vidéos présentées de manière différente (grands caractères, synthèse vocale, symboles ou langage simplifié).

Avoir une mise en page simplifiée sans perte d’information.

Distinguer la forme et le fond.

2. La signalisation de votre site doit être « Utilisable » : toutes les fonctionnalités de votre site doivent être accessibles et utilisables. 

Les fonctionnalités doivent être accessibles au clavier.

Pour vos carrousels, contenu audio, vous devez laisser le choix à l’utilisateur de mettre en pause afin de lui laisser le temps de lire votre contenu.

L’ergonomie de votre site doit avoir des éléments visuels identifiables afin d’aider l’utilisateur dans sa navigation.

Ne pas avoir de contenus qui pourraient provoquer des crises d’épilepsie (apparition soudaine d’un pop-up).

3. La signalisation de votre site doit être « Compréhensible » : toutes les fonctionnalités et informations de votre site doivent être suffisamment claires pour être assimilées par tous vos utilisateurs :

Le contenu textuel doit être compréhensible, les abréviations et le jargon expliqués.

Les pages de votre site doivent suivre un ordre logique et apparaître de manière prévisible.

Aider vos utilisateurs à corriger les erreurs de saisie et revenir en arrière.

4. La signalisation de votre site doit être « Robuste » : toutes les fonctionnalités doivent suivre l’avancée technologique et être compatibles avec tous navigateurs, notamment les technologies d’assistance.

Optimiser au maximum la compatibilité avec tous outils ou logiciels qui accèdent au site et en exploitent les pages et ressources.

Pour améliorer l’expérience utilisateur de vos clients, découvrez nos fonctionnalités.

Etudes de cas

Le défi de la mairie de Croydon en Angleterre :

Croydon est une ville de la banlieue sud de Londres de 52 000 habitants environ. Sa population est très diversifiée et de nombreuses communautés cohabitent ensemble. La ville de Croydon est le parfait exemple de la diversité culturelle londonienne.

En 2015, la mairie décide d’installer un outil permettant de rendre accessible leur site web. Leur objectif était de créer un espace communautaire autour de valeurs partagées sur l’égalité des chances et l’accès à l’information pour tous.

Tom web manager à la mairie de Croydon :

« En raison de la diversité de Croydon, il est essentiel que nos services soient accessibles au plus grand nombre de nos concitoyens. […] est un excellent complément aux fonctionnalités de conception et d’accessibilité technique de notre site – au simple toucher d’un bouton, le contenu de notre site Web peut être traduit en plusieurs langues et lu à haute voix d’une voix naturelle – et il est gratuit pour les utilisateurs, fonctionnant dans le navigateur sans avoir à télécharger de logiciel supplémentaire. C’est vraiment impressionnant. Aujourd’hui, plus de personnes peuvent accéder à nos services de manière indépendante et à participer au sein de notre communauté. »

Vous pouvez consulter le site officiel de la mairie de Croydon ici. (L’utilisation d’ad blocker sur votre navigateur peut empêcher le bon fonctionnement de l’outil disponible sur leur site.)