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 `