📊 StockHub V2 — Tableau de bord Qualité

Généré automatiquement — dernière mise à jour :

🔦 Lighthouse
⏳ Chargement...

⏳ Chargement des scores Lighthouse...

⏳ Chargement...

⏳ Chargement...

⏳ Chargement...

⏳ Chargement...

⚠️ WCAG Risk Levels
⏳ Chargement...

Analyse des contrastes de couleurs selon les niveaux de risque (critical, high, medium, low)

💡
C'est quoi les WCAG Risk Levels ?

WCAG (Web Content Accessibility Guidelines) définit les ratios de contraste minimum pour garantir la lisibilité :

  • 4.5:1 minimum pour texte normal (niveau AA)
  • 3:1 minimum pour texte large (≥18pt ou ≥14pt bold)
  • 7:1 pour niveau AAA (excellence)

Les risk levels catégorisent les paires de couleurs selon leur niveau de risque d'accessibilité :

🔴
Critique
Ratio < 3:1
🟠
Élevé
3:1 - 4.5:1
🟡
Moyen
4.5:1 - 7:1
🟢
Faible
Ratio ≥ 7:1

👁 Tests de Daltonisme & Accessibilité Visuelle
⏳ Chargement...

💡
C'est quoi le Daltonisme ?

Le daltonisme (ou déficience de la vision des couleurs) affecte environ 8% des hommes et 0.5% des femmes. Il existe plusieurs types :

🔴
Protanopie
Difficulté rouge/vert (1% des hommes)
🟢
Deutéranopie
Difficulté rouge/vert (le plus courant, ~5%)
🔵
Tritanopie
Difficulté bleu/jaune (très rare, <0.01%)
⚫
Achromatopsie
Vision en niveaux de gris (extrêmement rare)

Pourquoi c'est important ? Une interface accessible doit permettre de distinguer les informations critiques sans se baser uniquement sur la couleur (ex: ajouter des icônes, des textes, des motifs).

Ces tests vérifient que les couleurs de statut (critique, élevé, moyen, faible) restent différentiables pour les utilisateurs daltoniens.

-
Tests contraste
-
Score moyen ℹ️
Moyenne de différentiabilité des 4 types de daltonisme testés. Indique le % moyen de paires de couleurs distinguables (ex: Protanopie 90%, Deutéranopie 100%, Tritanopie 90%, Achromatopsie 40% = moyenne 80%).
Couleurs de statut StockHub

🎨 Tests de Contraste WCAG 2.1 AA/AAA

📋 Critères WCAG

Level AAA (≥ 7:1)
Contraste excellent - Texte normal
Level AA (≥ 4.5:1)
Contraste bon - Standard requis
UI Components (≥ 3:1)
Contraste minimal - Éléments d'interface
FAIL (< 3:1)
Contraste insuffisant - À corriger

Simulation des Types de Daltonisme 4 types testés

🔍 Analyse de Différentiabilité des Couleurs

Seuil de différentiabilité : ΔE ≥ 40
ℹ️
Échelle Delta E (ΔE)
• ΔE = 0 : Couleurs identiques
• ΔE = 1-10 : Différence très faible
• ΔE = 10-40 : Différence visible mais faible
• ΔE ≥ 40 : Différence clairement visible ✅
Plus le ΔE est élevé, plus les couleurs sont différentes.

⚡ Performance FPS
⏳ Chargement...

Mesure des performances d'animation et de rendu (objectif : 60 FPS stable)

♿ Accessibilité — Reduced Motion
⏳ Chargement...

Respect de la préférence "prefers-reduced-motion" pour les utilisateurs sensibles au mouvement

📊 Scalabilité — Datasets
⏳ Chargement...

Test de performance avec différentes tailles de jeux de données (de 10 à 10 000 items)

📈 Coverage des tests
⏳ Chargement...

Couverture de code par les tests unitaires (Vitest) - Analyse détaillée par fonctionnalité

⏳ Chargement du résumé de coverage…

📚 Audit Complet RNCP — Synthèse
⏳ Chargement...

Agrégation de tous les audits (Performance, Accessibilité, Éco-conception, Qualité) pour démonstration RNCP 2027

⏳ Chargement de la vue d'ensemble...
⏳ Chargement des données de performance...
⏳ Chargement des données d'accessibilité...
⏳ Chargement des données d'éco-conception...
⏳ Chargement des données de qualité...