100 points à savoir sur…
Accessibilité numérique

Les 78 critères de réussite des WCAG 2.1 sont répartis en trois niveaux de conformité : A, AA, et AAA.

Les niveaux de conformité diffèrent en fonction de la difficulté à les atteindre. Il est beaucoup plus facile de rendre votre projet numérique conforme au niveau A qu'au niveau AAA. Pour atteindre l'un des trois niveaux de conformité, vous devez remplir tous les critères de réussite de ce niveau.

Appliquons une approche plus pratique pour apprendre les niveaux de conformité. Nous allons utiliser un exemple de conformité d'une page Web aux critères de réussite relatifs à la couleur et au texte.

Tout d'abord, nous commencerons par le niveau de conformité le plus simple en matière d'accessibilité du Web, le niveau A. Les critères de réussite liés à la couleur et au texte pour atteindre le niveau de conformité A sont les suivants :

• La couleur n'est pas le seul moyen de transmettre des informations.
• La page comporte un titre utile et clair.
• L'objectif de chaque lien est clair grâce à son contexte.

Regardez maintenant l'image d'une page Web ci-dessous (image 1).

Image 1 :

En examinant l'image 1, nous pouvons déduire qu'elle ne remplit pas les critères de réussite pour atteindre le niveau de conformité A pour le texte et la couleur.

Alors, à quoi ressemble une page Web conforme au niveau A ? Reportez-vous à l'image 2 ci-dessous.

Image 2 :

L'image 2 est une version améliorée de la page Web de l'image 1 car elle répond aux trois critères de réussite mentionnés précédemment. Cela signifie qu'elle est maintenant conforme au niveau A pour le texte et la couleur.

Cependant, la politique générale en place aujourd'hui, partagée et appliquée par les entreprises et la loi, est un niveau de conformité AA. Par conséquent, le niveau A n'est que la première étape de la conformité à l'accessibilité du Web.

Les critères de réussite relatifs à la couleur et au texte pour le niveau de conformité AA sont les suivants :

• Le rapport de contraste entre le texte et le fond est d'au moins 4,5:1 (pour vous aider à déterminer le contraste des couleurs, utilisez les outils mentionnés dans le Grain 91 : Notion 13).
• Un contraste élevé entre les boutons de l'interface utilisateur et le fond est présent.
• Utilisation de titres et d'étiquettes clairs.

En examinant à nouveau la page Web de l'image 2, nous pouvons conclure qu'elle ne répond pas aux exigences du niveau AA concernant le texte et la couleur accessibles.

L'image 3 ci-dessous présente une autre amélioration de la page Web

Image 3 :

Elle a non seulement appliqué les trois premiers critères de réussite du niveau A, mais elle a également satisfait aux trois critères de réussite du niveau AA. Cela signifie qu'elle peut désormais être considérée comme conforme au niveau AA en ce qui concerne le texte et la couleur.

Néanmoins, l'accessibilité de la page Web peut encore être améliorée. Les critères de réussite relatifs à la couleur et au texte pour le niveau de conformité AAA sont les suivants :

• Le rapport de contraste entre le texte et le fond est d'au moins 7:1.
• Fournir une aide et des instructions détaillées.
• Expliquez toutes les abréviations et les mots étranges.

L'image finale, l'image 4, montre la même page Web qui répond maintenant à tous les critères de réussite mentionnés relatifs au texte et à la couleur des niveaux A, AA et AAA, ce qui la rend conforme au niveau AAA.

Image 4 :

En pratique, il n'est pas facile d'atteindre le niveau de conformité AAA, ce n'est donc pas une obligation légale ou commerciale. La conformité au niveau AAA est généralement atteinte par les sites Web spécialisés dans la sensibilisation au handicap ou les services aux personnes handicapées.

Pour consulter la liste complète des critères de réussite et leur répartition entre les trois niveaux de conformité, rendez-vous sur le site :

Directives d'accessibilité aux contenus Web (WCAG) 2.1 : https://www.w3.org/TR/WCAG21/