Contrastes et accessibilité : étude sur un cas limite

Le footer des sites noesya.coop contient une liste de tous les sites de l’écosystème : celui sur lequel on se trouve actuellement est en blanc pur (en light mode) ou en noir pur (en dark mode), tandis que ceux disponibles sont d’une couleur légèrement plus claire, et ceux indisponibles d’une couleur plus claire encore. Nous nous intéressons dans cet article au troisième cas, les sites qui ne sont pas encore disponibles, mais dont on annonce discrètement l’existence future.

De fait, en raison de nos choix de design, ces derniers ne respectent pas le ratio des critères AA et AAA fixés par le Web Content Accessibility Guidelines - lien externe (WCAG), le référentiel international en matière d'accessibilité Web. Le critère 1.4.6 - lien externe (Contrast - Enhanced) indique en effet ceci :

Néanmoins, il ne s’agit en réalité ni d’un échec, ni d’une dérogation.

Dans le footer, nous utilisons des liens pour les sites déjà en ligne, et des balises span pour ceux qui ne le sont pas. Le plus petit niveau de contraste indique de façon claire l’indisponibilité de ces éléments, ce qui est complété par un attribut title “Ce site sera disponible bientôt...”. Ainsi, que ce soit visuellement ou vocalement, l’information de l’indisponibilité est bien restituée.

Cela dit, le sujet de la couleur reste important, car le critère ci-dessus implique un respect de ratio important. Cependant, la suite du descriptif du critère 1.4.6 indique ceci : 

Il semble ainsi nécessaire de comprendre la définition, selon le WCAG, d’un composant UI (user interface component) :

Étant donné qu’il s’agit d’un élément perçu comme un lien indisponible et malgré l’absence de comportement programmatique particulier, notre span grisé semble correspondre à cette définition.

Dès lors, il semble que cet usage correspond aux exceptions citées en préambule du critère 1.4.6. Une idée confirmée par une exception au critère 1.4.11 - lien externe (Non-text contrast), qui précise ceci : 

Enfin, le RGAA confirme cette pratique dans un “cas particulier” du critère 3.2 - lien externe :

Il est important de noter que si le RGAA - lien externe s’appuie essentiellement sur les critères A et AA du WCAG (les 50 critères retenus par la norme européenne de référence¹), la documentation officielle de ce dernier permet de s’assurer, comme montré plus haut, que l’on n’enfreint pas le niveau AAA des critères relatifs au contraste du contenu.

Un risque réel persiste tout de même et si le groupe de travail du WCAG n’a pas pu statuer sur un niveau de contraste minimal et acceptable pour les éléments inactifs (source : issue #805 du WCAG 2.1 - lien externe), il est nécessaire de prendre en compte le fait que certaines personnes avec une vision faible ou des circonstances particulières (migraines, fatigues) pourraient devoir (et vouloir) plisser des yeux pour distinguer le gris foncé du noir ou le gris clair du blanc.

Néanmoins, dans la mesure où un contraste plus fort donne l'impression que ces éléments indisponibles sont cliquables, il semble plus approprié de ne pas accentuer les couleurs. Il s'agit cependant d'un cas très particulier, peut être voué à être corrigé par les prochaines éditions des différents référentiels et interrogeant la nécessité même de ces informations.