WCAG : qu’est-ce que c’est ?

Sommaire

Les 4 principes fondamentaux

Perceptibilité
Opérabilité
Compréhensibilité
Robustesse

Perceptibilité : Le contenu doit être perçu par tous les utilisateurs, quel que soit leur mode de perception, visuel ou auditif.

Opérabilité : Le contenu doit être utilisable par tous les utilisateurs, quel que soit leur mode d’interaction (souris, clavier, etc.).

Compréhensibilité : le contenu doit pouvoir être compris par les utilisateurs, quel que soit leur handicap.

Robustesse : Le contenu doit être accessible à un large éventail de technologies d’assistance, tel que les lecteurs d’écran.

Les niveaux de conformité

Les WCAG en proposent 3

A : niveau de conformité minimal.
Avec des critères relativement faciles à atteindre sans apporter trop de changements aux processus existants, vous permettez à de nombreuses personnes d’accéder à votre contenu.

AA : niveau de conformité recommandé.
Les critères de réussite de ce niveau sont un peu plus exigeants, mais ils permettent de satisfaire aux besoins de la plupart des personnes handicapées. Essayez de vous y conformer !

AAA : niveau de conformité avancé.
La norme la plus complète en matière de conformité à l’accessibilité, avec une liste exhaustive de critères. C’est votre public cible qui vous permettra de déterminer si vous devez suivre certaines des recommandations de niveau AAA, nombre d’entre elles sont assez difficiles à atteindre, donc, vouloir un site conforme à cette norme est un objectif ambitieux, et certainement coûteux.

Pour mieux comprendre les différents degrés d’exigences de chaque niveau, voici un exemple des recommandations pour le média vidéo :

A : Une transcription descriptive pertinente est fournie pour le contenu audio.

AA : Des descriptions audio sont fournies pour les vidéos.

AAA : Une vidéo en langue des signes est fournie pour les médias contenant de l’audio.

Ces niveaux sont cumulatifs. Pour revendiquer la conformité au niveau AA, votre site Web doit répondre à tous les critères de réussite du niveau A, ainsi qu’à tous ceux du niveau AA.

Si vous souhaitez voir à quoi ressemblent les recommandations d’accessibilité, je vous conseille de vous rendre sur la liste de contrôle WCAG 2 de WebAIM (Web Accessibility In Mind ,).
C’est une version condensée des directives officielles WCAG 2.2, au langage simplifié et à la lecture un peu plus digeste.

Les avantages de l’accessibilité

Pour les personnes handicapées comme pour le grand public

Un accès facilité aux sites et aux contenus web pour les personnes handicapées.
Mais aussi celles souffrant d’un handicap temporaire (chance à celles qui ne se sont jamais cassé un bras ni n’ont perdu leurs lunettes ,), les personnes âgées ou nous-même, en plein soleil sur la plage !

Une volonté de favoriser l’inclusion et l’égalité des chances pour tous les utilisateurs.

Une amélioration de l’expérience utilisateur, notamment pour les personnes utilisant des logiciels ou des appareils non standards, comme les montres connectées ou d’autres appareils dotés de petits écrans, de différents modes de saisie, etc.

Et, comme il existe un certain chevauchement entre les bonnes pratiques en matière d’optimisation pour les moteurs de recherche (SEO) et celles pour l’accessibilité au Web : c’est l’avantage d’un meilleur référencement de votre site web.

Pourquoi est-il important de rendre le Web accessible ?
Le Web est un outil essentiel pour la communication, l’éducation et l’accès à l’information. En rendant le Web accessible, on donne à chacun la même chance de pouvoir bénéficier de tous les avantages qu’il offre.

La puissance du Web réside dans son universalité. L’accès par tous, quel que soit le handicap, est un aspect essentiel… Le Web est fondamentalement conçu pour fonctionner pour tous, quels que soient le matériel, le logiciel, la langue, le lieu ou les capacités.— Sir Tim Berners-Lee, inventeur du World Wide Web.

Qui sont les personnes concernées par les WCAG ?
J’espère qu’à présent vous aurez compris qu’ils s’appliquent à tous les utilisateurs …y compris les personnes aveugles, malvoyantes, sourdes, malentendantes, atteintes d’un handicap moteur ou cognitif.

Comment respecter les WCAG ?

Quelques règles générales¹

Perceptibilité

Proposer des alternatives textuelles à tout contenu non textuel.
Apprenez-en plus sur la balise alt.

Fournir des sous-titres et autres alternatives pour le multimédia.

Créer des contenus qui peuvent être présentés de différentes manières, y compris par les technologies d’assistance, sans perdre la signification.

Faciliter la perception visuelle et auditive du contenu par l’utilisateur.

Opérabilité

Rendre toutes les fonctionnalités accessibles au clavier.

Laisser à l’utilisateur suffisamment de temps pour lire et utiliser le contenu.

Ne pas concevoir de contenu susceptible de provoquer des crises ou des réactions physiques.

Aider l’utilisateur à naviguer et trouver le contenu.

Faciliter l’utilisation d’outils de saisie autres que le clavier.

Compréhensibilité

Rendre le texte lisible et compréhensible.

Faire en sorte que les contenus apparaissent et fonctionnent de manière prévisible.

Aider l’utilisateur à éviter et corriger les erreurs.

Robustesse

Optimiser la compatibilité avec les outils des utilisateurs actuels et futurs.

1. Source : W3C – WCAG en bref ↩︎

Ressources

Pour vous aider dans vos conceptions

Il existe de nombreuses ressources disponibles pour vous aider à respecter les WCAG.
Voici celles que je vous recommande chaudement :

Les recommandations officielles du W3C

Une introduction à l’accessibilité du web.
Les Principes d’accessibilité.
Conseils pour l’écriture – Écrire pour l’accessibilité Web.
Conseils pour le design – Concevoir pour l’accessibilité Web.

Les outils et les extensions de développement

pour tester le contraste de son texte par rapport à l’arrière-plan :
ColorShark
Contrast Checker de WebAIM.

WAVE pour vérifier l’accessibilité de ses pages web, et y détecter les erreurs ou les manques.
PageSpeed Insights, qui, en plus, de mesurer la vitesse de chargement de vos pages web, vous donnera un score concernant son accessibilité et des recommandations.

Plugin WordPress

Pour les utilisateurs de WordPress, un plugin (gratuit – bravo aux développeurs !) qui ajoute un certain nombre de fonctionnalités d’accessibilité utiles avec un minimum de configuration et sans avoir besoin de connaissances expertes : One Click Accessibility.

Les WCAG sont un ensemble de recommandations essentielles pour rendre le Web plus accessible à tous. En les mettant en œuvre, vous comme nous, les designers et les développeurs, contribuons à créer un Web plus inclusif et accessible à tous.

Bonne semaine !

Cet article vous a aidé ? Vous souhaitez une ressource complémentaire ? Dites-le moi en commentaire, ça me fait super plaisir de vous lire ♡ …et de savoir que le billet vous a été utile !