← Retour aux rapports

Audit Perplexity AI - SOS Agglo

Date : 2026-03-29 09:47

Modele : sonar (Perplexity AI)

Nombre de pages auditees : 36

---

1. `admin-vie.html`

1. NOTE /10

7.5/10

Interface mobile-first cohérente et task-oriented, mais pénalisée par code incomplet et manques UX.

2. BUGS

• Code HTML **tronqué** (coupe au milieu du bon de commande N6, fonctions JS manquantes comme `filterLevel()`, `toggleTool()`).
• **Styles inline excessifs** (ex: `style=\"padding:20px;margin-bottom:16px;\"`) polluent le HTML, rendant maintenance impossible.
• **Inputs file sans gestion JS** (ex: `tourneePhoto.click()` appelle ID existant, mais pas de preview/feedback).
• **Alt manquant** sur logo (`` OK, mais vérifier chemin img).
• **Offline-badge statique** ("Hors ligne") sans logique PWA (manifest présent mais non implémenté).

3. PROBLEMES UX

• **Visibilité statut système faible** (heuristique Nielsen[1]): statuts passifs (ex: "Pas encore pointé") sans feedback loading/succès sur boutons.
• **Cohérence navigation rompue** (Nielsen[1]): accordéons `toggleTool()` cachent forms par défaut, risquant perte de contexte sur mobile.
• **Surcharge cognitive** (Bastien-Scapin[4]): 6+ tools par niveau, filtres N3-N7 non développés, hero trop générique.
• **Accessibilité limitée** (contraste[4]): icônes emoji (✅📋) non ARIA-label, selects sans `aria-expanded`, photo-slots sans `role="button"`.
• **Mobile friction**: touches petites (chips tailles EPI), pas de swipe/keyboard nav.

4. AMELIORATIONS (max 5)

1. **Externaliser styles** en CSS vars/classes (supprimer 20+ inline styles).
2. **Ajouter feedbacks** (spinner/success toast sur submit, ex: pointage).
3. **Implémenter accordéon natif** avec `details/summary` + ARIA pour accessibilité.
4. **Progressive disclosure**: masquer forms avancés, teaser avec preview.
5. **PWA complète**: service worker pour offline réel, sync forms.

5. CE QUI EST BIEN (max 3)

1. **Task-focused** : cards claires avec **temps estimés** (ex: "1 tap", "30 sec") boostant efficacité (Nielsen visibilité[1]).
2. **Mobile-first responsive** : viewport PWA-ready, icônes intuitives, boutons full-width.
3. **Hiérarchie visuelle forte** : badges niveaux colorés + chevrons guident scan rapide.

---

9. `extranet.html`

1. NOTE /10

7.5/10

UX solide et moderne (8/10), design cohérent (8/10), contenu pertinent (8/10), technique perfectible (6/10).

2. BUGS ou erreurs

• **Accents manquants** : "Acces" → "Accès" ; "Acceder" → "Accéder" (x8) ; "reponses" → "réponses" ; "donnees" → "données" ; "tracees" → "tracées" ; "Creer" → "Créer" ; "planifier" → "planifier" (OK mais incohérent) ; "Syntheses" → "Synthèses" ; "fondamen" → "fondamentaux" (code tronqué).
• **HTML invalide** : `` mal placé (après ``). Code tronqué à "fondamen" (page incomplète). Inline styles excessifs (non sémantique).
• **Liens potentiellement cassés** : `personnel.html`, `campagnes.html`, etc. (non vérifiables sans fichiers).
• **Autres** : `onclick="checkLogin()"` et `sessionStorage` sans JS fourni → risque d'erreur console.

3. PROBLÈMES UX

• **Navigation mobile** : Menu burger OK, mais grid stats `minmax(180px,1fr)` trop large sur petits écrans (<768px) → overflow.
• **Lisibilité** : Inline styles dominent CSS vars (ex. `style="margin-bottom:1rem;"`), rendant maintenance difficile. Texte stats petits sur mobile.
• **Accessibilité** : Pas d'`aria-label` sur inputs/boutons JS (ex. login). SVG icons sans `role="img"` ni `aria-hidden`. Contraste à vérifier (ex. `--hcc-text-secondary`). Pas de `lang="fr"` cohérent sur contenu dynamique.
• **Sécurité** : Code demo "ADMIN" visible en prod → faille majeure.

4. AMÉLIORATIONS concrètes (priorité ↓)

1. **Corriger accents + valider HTML** : Remplacer tous accents, fermer balise `

   ` tronquée, valider W3C. Ajouter `