AA ou AAA : quel niveau viser ?

Placez côte à côte deux versions de la même page de documentation — celle de gauche respectant le contraste WCAG AA, celle de droite l’AAA. Au premier coup d’œil, elles sont presque jumelles : les titres correspondent, la mise en page aussi. Regardez de plus près et le texte courant de la page de droite est plus sombre, ses légendes ont perdu leur subtilité gris clair, et les liens en bleu de marque ont viré au bleu marine. Que cette seconde page soit une amélioration ou un coût dépend entièrement de ce à quoi la page sert — c’est la vraie question derrière les niveaux.

Visez l’AA — 4,5:1 pour le texte courant, 3:1 pour le grand texte et les composants d’interface — comme socle pour tout : c’est ce que les lois et les contrats entendent par « conforme WCAG ». Traitez le contraste AAA — 7:1 pour le courant, 4,5:1 pour le grand — comme une amélioration ciblée pour les surfaces riches en lecture plutôt qu’un objectif à l’échelle du site ; le W3C lui-même déconseille d’exiger l’AAA sur des sites entiers. Le reste de cet article de notre guide du contraste est la décision : ce que chaque niveau coûte, ce qui y survit, et où l’AAA vaut vraiment son prix.

Que signifient réellement A, AA et AAA ?

Les trois lettres sont des niveaux de conformité cumulatifs : chaque niveau inclut tout ce qui se trouve en dessous, et chaque critère de succès WCAG est rattaché à un niveau. Pour le contraste en particulier, deux critères portent les chiffres. En AA, le Contraste (Minimum) exige 4,5:1 pour le texte de taille normale et 3:1 pour le grand texte — 24px et plus en régulier, 18,66px et plus en gras. En AAA, le Contraste (Amélioré) relève les seuils à 7:1 pour le texte normal et 4,5:1 pour le grand. Deux points d’ancrage rendent les niveaux concrets : sur blanc, le gris le plus clair qui passe le texte courant AA est #767676 (≈4,5:1) ; pour passer l’AAA, le même gris doit s’assombrir jusqu’à ≈#595959 (≈7,0:1).

La conformité se revendique par critère, pas au feeling — un produit peut satisfaire le critère de contraste AA partout et l’AAA dans sa vue lecture, et dire « nous sommes AAA » revendique bien plus que le contraste.

Pourquoi l’AA est-il la réponse standard ?

Parce que l’AA est ce que le monde extérieur entend quand il dit WCAG. La chaîne de normes de l’European Accessibility Act passe par l’EN 301 549 jusqu’à WCAG 2.1 niveau AA ; la pratique américaine sous l’ADA et la Section 508 renvoie au même palier ; les grilles d’achat et les clauses de contrat qui disent « conforme WCAG » entendent l’AA sauf mention contraire. L’AAA n’apparaît pratiquement nulle part dans la réglementation comme exigence générale. L’AA n’est donc pas le choix timide — c’est le niveau sur lequel tout l’écosystème de conformité est calibré, et le respecter pleinement est déjà plus que ce que beaucoup de produits en production parviennent à faire.

Pourquoi le W3C déconseille-t-il l’AAA généralisé ?

Cette position vient de la norme elle-même, et il vaut la peine d’en citer le fond : les recommandations de conformité du W3C indiquent qu’il n’est pas conseillé d’exiger l’AAA comme politique générale pour des sites entiers, car certains contenus ne peuvent pas satisfaire tous les critères AAA. Pour le contraste, le coût réel est la marge de palette, et il peut se calculer plutôt que s’affirmer.

Sur fond blanc, le seuil AA du texte courant admet tous les gris jusqu’à #767676. Le seuil AAA s’arrête à ≈#595959. La bande entre les deux — les gris de #595959 à #767676 — est précisément la plage que les palettes utilisent pour le texte secondaire, les légendes, les textes indicatifs et les horodatages : visibles mais discrets. En AAA, toute cette bande de tons moyens est interdite pour le texte de taille normale, ce qui signifie que la palette perd son principal outil de hiérarchie typographique en dessous du seuil de taille. La subtilité devient plus difficile précisément là où elle fait son travail.

Les couleurs de marque à luminosité moyenne s’en tirent moins bien : elles sortent complètement de l’usage en texte courant. Le bleu de marque #2563eb passe l’AA sur blanc à ≈5,2:1 mais rate le 7:1 ; même assombri d’un cran complet jusqu’à #1D4ED8, il n’atteint que ≈6,7:1. La teinte ne redevient légale pour le texte courant qu’autour de #1E40AF (≈8,7:1) — un bleu marine, visiblement plus la couleur de marque. En AAA, le texte courant coloré est pour l’essentiel une catégorie fermée.

Qu’est-ce qui survit aux deux cibles ?

Les cinq mêmes rôles de texte sur blanc, vérifiés contre les deux seuils — chaque nombre calculé :

Quatre des cinq rôles doivent être assombris, et les corrections se regroupent : les textes secondaire, atténué et principal finissent compressés dans une bande sombre étroite, si bien que la distance visuelle qui séparait autrefois trois paliers de texte doit désormais tenir entre #4B5563 et #111827. La hiérarchie survit, mais avec moins d’air pour respirer — et les deux rôles colorés se décalent assez pour se lire comme des couleurs différentes, ce qui est une conversation de marque, pas seulement de contraste.

Ouvrez cette palette pour les deux cibles dans Scale Composer — les mêmes rôles dérivés deux fois, AA à côté d’AAA, chaque ratio calculé à la dérivation et les rôles qui échouent au seuil supérieur re-dérivés pour l’atteindre.

Quand le contraste AAA vaut-il son prix ?

Trois situations reviennent. Les produits riches en lecture — documentation, actualités, liseuses, tout format long — où les utilisateurs passent un temps prolongé dans le texte courant et où la justification du critère (des lecteurs à basse vision modérée, environ 20/80, qui lisent sans technologie d’assistance) décrit de vrais utilisateurs en vrai volume. Les publics plutôt âgés ou malvoyants : la sensibilité au contraste décline avec l’âge, donc un produit destiné aux retraités sert exactement la population pour laquelle le 7:1 est calibré. Les services publics et de santé, où le public est tout le monde par définition et où les directives de plusieurs pays dépassent déjà les minimums.

Et dans chaque cas, de façon sélective. La posture cohérente est le texte courant à 7:1 tandis que l’habillage d’interface, les légendes et les contrôles restent en AA — le confort de lecture là où l’on lit, la marge de palette là où l’on ne lit pas. C’est une décision par dérivation, pas un interrupteur pour tout le site : dans Scale Composer, le seuil est sélectionnable par cible, de sorte qu’une surface de lecture peut être dérivée contre l’AAA pendant que le reste du produit reste en AA.

Quelle est l’échelle pragmatique ?

Trois barreaux, dans l’ordre :

1. L’AA partout, réellement atteint. Chaque rôle de texte, chaque surface, les deux thèmes — vérifié plutôt que supposé. C’est la barre de conformité et un vrai accomplissement en soi.
2. L’AAA pour le texte courant là où la lecture est le produit. La vue article, la page de docs, le mode lecture — améliorés délibérément, avec les rôles assombris du tableau ci-dessus.
3. prefers-contrast pour le reste. Les utilisateurs qui ont besoin de plus de contraste partout peuvent le signaler ; une feuille de style prefers-contrast: more qui substitue les rôles de texte dérivés en AAA les sert sans imposer le coût à tout le monde.

L’échelle dépense l’effort là où sont les preuves : des seuils pour tous, l’amélioration là où la lecture se concentre, le choix de l’utilisateur pour la longue traîne.

Essayez les deux cibles sur la même palette

Le coût du 7:1 se juge le plus facilement sur vos propres couleurs, pas sur notre tableau. Dérivez votre palette en AA, puis basculez la cible sur AAA — les rôles qui échouent au seuil supérieur se re-dérivent plus sombres sur place, et vous voyez exactement lesquelles de vos couleurs survivent et lesquelles reviennent en bleu marine.