Accessibilité

2. Anneau de focus visible

Tabuler pour voir l'anneau de focus cyan (2px, offset 3px). Anneau : ratio ~9:1 sur fond AURORA.

3. Toggle accessible (aria-pressed)

Inactif

Désactive les transitions du toggle ci-dessus

Le lecteur d'écran annonce : Masquer les montants, bouton bascule, actif ou inactif. Le libellé reste stable ; l'état passe par aria-pressed, la région aria-live=polite confirme le changement.

4. Montant masqué — Privacy

Solde compte12 450,00 $

Gain YTD+2 340,00 $

Perte latente−480,00 $

Épargne / paie875,00 $

Confidentialité des montants — Quand masqué : le SR lit Montant masqué, jamais la valeur. Aucune valeur réelle en aria-label, title, ni data-*. Contenu fictif.

5. Nuancier de contraste AURORA

Ratios calculés depuis les valeurs brutes des tokens, thème Aurora sombre.

text-primary / voidAAA

Texte : #EAF0FF

Fond : #070B16

text-secondary / voidAA

Texte : #8A97B8

Fond : #070B16

text-secondary / raisedAA grand texte

Texte : #8A97B8

Fond : #1C2A47

Réservé texte ≥ 14px gras ou ≥ 18px

plasma-cyan / voidAAA

Texte : #4DE8D4

Fond : #070B16

gain-green / voidAAA

Texte : #22c55e

Fond : #070B16

loss-red / voidAA grand texte

Texte : #FF5C7C

Fond : #070B16

Toujours doubler avec icône ou texte

solar-amber / voidAAA

Texte : #FFB84D

Fond : #070B16

plasma-magenta / voidFAIL

Texte : #C04DFF

Fond : #070B16

Texte normal interdit — accents graphiques uniquement

text-tertiary / voidFAIL

Texte : #515D7E

Fond : #070B16

Décoratif uniquement — jamais pour texte porteur d'info

AAA ≥ 7:1AA ≥ 4.5:1 (texte normal)AA grand texte ≥ 3:1 (≥ 18px ou 14px gras)FAIL — interdit pour texte porteur d'info

6. Formulaire avec erreur accessible

Erreur signalée par texte et icône, jamais par la couleur seule.

1. Skip link

2. Anneau de focus visible

3. Toggle accessible (aria-pressed)

4. Montant masqué — Privacy

5. Nuancier de contraste AURORA

6. Formulaire avec erreur accessible