← Retour aux rapports
Audit automatique SOS Écrans — Perplexity
Date: 28 mars 2026
Site: https://sos-ecrans-bis.pages.dev
index.html
Audit UX/UI - SOS Écrans (index.html)
1. NOTE /10
7.5/10
UX: 8/10 (navigation claire, CTAs forts). Design: 8/10 (moderne, responsive). Contenu: 7/10 (pertinent, mais manques hiérarchie). Technique: 7/10 (bon code, mais dépendances manquantes).
2. BUGS ou erreurs
- **CSS vars non définies** : `--text`, `--primary-dark`, `--card`, `--shadow`, `--shadow-lg`, `--text-light` absentes → texte illisible (couleurs par défaut).
- **Fichiers externes manquants** : `/css/style.css`, `/img/*`, `/manifest.json` → styles incomplets, images cassées, PWA défaillante.
- **Navbar styles absents** : `.sos-navbar`, `.nav-logo` etc. non stylés → layout cassé.
- **HTML valide** : Structure sémantique OK, accents corrects (français bien géré).
- **Liens internes** : `/quiz-complet.html?age=...` etc. probablement cassés (pages absentes).
3. PROBLÈMES UX
- **Accessibilité faible** : Pas d'attributs ARIA, contrastes incertains (overlays sombres), pas de `role="navigation"`, focus invisible.
- **Mobile OK mais perfectible** : Bar sticky OK, mais textes petits (11px en urgence), grid 2-colonnes serrée <400px.
- **Navigation confuse** : Navbar + bar urgence + CTAs multiples → surcharge visuelle, pas de Breadcrumbs.
- **Lisibilité** : Ombres/text-shadow excessives, animations (float) distrayantes (heuristique Nielsen #1: visibilité statut).
- **Pas de feedback** : Scroll infini sans indicateur de progression, sections masquées par JS absent.
4. AMÉLIORATIONS concrètes (priorité ↓)
- **Définir CSS vars** dans `