Color & Accessibility

calculateur de contraste APCApour le texte affiché à l’écran

Comparez deux couleurs sRGB opaques, puis lisez la valeur Lc signée et les repères liés à la police.

calculateur de contraste APCA

Couleur du premier plan

Résultat du contraste

Contraste de clarté APCA
Lc 101.5

Texte foncé sur fond clair

Repère de taille de police

Condition choisie: 16px · 400 · Corps de texte

Taille minimale pour cette graisse: 15px

Dans la plage de référence

Le corps de texte se réfère au moins à Lc 75; la table ne certifie rien.

300: 18.5px400: 15px700: 13px

Repères des niveaux Lc

Lc 90: préférable pour le corps

Lc 75: minimum pour le corps

Lc 60: minimum pour le texte courant

Lc 45: minimum pour le grand texte

Lc 30: minimum pour tout texte, hors corps

Lc 15: seuil de quasi-invisibilité, cas non textuels

APCA est une méthode de contraste perceptuel encore en développement; ce résultat ne certifie ni WCAG 2.x ni WCAG 3.

Bibliothèque officielle apca-w3 0.1.9 ; algorithme 0.0.98G-4g. Pour le contenu web sur écran émissif. © 2019–2022 Andrew Somers / Myndex.

Le calcul reste dans le navigateur ; aucune couleur n'est envoyée.

Conditions du texte

Le résultat est à jour.

Un gris lisible sur blanc ne se comporte pas de façon symétrique une fois les rôles inversés. Le calculateur de contraste APCA sépare la couleur du texte de celle du fond pour conserver la polarité.

Ce vérificateur de contraste présente un contraste perceptuel et non un rapport WCAG 2.x. La valeur Lc dépend des couleurs; la taille et la graisse de police modifient uniquement son interprétation.

Pourquoi utiliser ce calculateur de contraste APCA

Comparez deux couleurs sRGB opaques, puis lisez la valeur Lc signée et les repères liés à la police.

Conserver le sens des couleurs

Le calculateur de contraste APCA donne un Lc positif au texte foncé sur fond clair et négatif à la configuration inverse. Échanger les couleurs montre ce que masque un rapport sans signe.

Deux aplats opaques échangent les rôles texte et fond, et le signe de Lc change.

Relier le score à la typographie

À partir du même Lc, la table indique une taille minimale de référence pour les graisses 300, 400 et 700. Modifier la taille ne recalcule pas le contraste des couleurs.

Une paire de couleurs mène à une seule valeur Lc et à trois tailles minimales selon la graisse.

Lire un repère sans le confondre avec une certification

01

Respecter les rôles texte et fond

Saisissez d’abord la couleur du texte, puis le fond opaque. L’échange inverse la polarité; le calcul repart après environ 350 ms.

02

Décrire le texte réel

Choisissez la taille en pixels CSS, la graisse et le type de texte. Ces options modifient la référence typographique, pas la valeur Lc.

03

Copier le contexte complet

Sans calcul automatique, Ctrl ou Cmd plus Entrée lance le calcul. Toute modification rend l’ancien résultat non copiable jusqu’au nouveau calcul.

Ce que révèle une seule paire de couleurs

Contraste signé

L’algorithme sRGB officiel restitue une valeur Lc avec son signe, afin de distinguer texte clair et texte foncé.

Tailles de référence

La table des polices associe le Lc aux graisses 300, 400 et 700; une condition sous le repère est signalée sans badge WCAG.

Résumé vérifiable

Le texte copié contient les deux codes HEX, Lc, la polarité, la taille, la graisse et l’usage choisi pour la revue.

Limites concrètes du calcul

Deux couleurs opaques seulement
Seuls les codes HEX à trois ou six chiffres sont acceptés. Alpha, dégradés et images exigent les pixels réellement composés.
Pas de conversion en ratio WCAG
Une valeur Lc signée ne correspond pas point par point au rapport 4,5:1 des WCAG 2.x. AA ou AAA doivent être testés séparément.
Pas d’audit de page entière
Le calcul ignore liens, focus, icônes et autres états. Une seule paire ne garantit pas l’accessibilité du site.
Pas de couleur réparée automatiquement
Aucune teinte de marque n’est remplacée; la page expose seulement la condition courante et son repère.

Questions sur le calculateur de contraste APCA

Qu'est-ce que l'APCA et en quoi diffère-t-il du WCAG 2.1 ?

L’APCA fournit une valeur Lc signée sensible à la polarité. Les WCAG 2.1 utilisent un rapport sans signe et des seuils distincts; les résultats ne sont pas interchangeables.

Quels niveaux WCAG 2.1 sont testés ?

Aucun niveau WCAG 2.1 n’est déclaré ici. Pour un contrôle AA ou AAA, utilisez un outil qui applique directement les critères WCAG 2.x.

Quel ratio de contraste la WCAG exige-t-elle ?

Le rapport WCAG exige des seuils selon le type de texte, mais cette page ne le calcule pas. Elle montre le Lc APCA et une taille minimale de référence selon la graisse.

Un contraste maximal est-il toujours préférable ?

Pas toujours. Le sens des couleurs, le contexte de lecture et la typographie comptent. Ici, le Lc élevé reste une donnée à interpréter, sans label universel de réussite.

Les bordures et les icônes ont-elles aussi besoin de contraste ?

Oui, dans une revue d’accessibilité il faut aussi examiner icônes, bordures et focus. Ce calculateur se limite à une paire texte/fond et ne conclut pas pour ces éléments.

Une paire de couleurs semble mal évaluée ?

Essayer le calculateur de contraste APCA avec vos couleurs

Placez la prochaine paire texte/fond dans le calculateur de contraste APCA et copiez sa polarité ainsi que les conditions de police pour la revue.

APCA est une méthode de contraste perceptuel encore en développement; ce résultat ne certifie ni WCAG 2.x ni WCAG 3.