**Ajouter ARIA & rôles**: `aria-label="Menu"` sur hamburger ; `role="dialog" aria-modal="true"` sur modals ; `aria-expanded` sur dropdowns.
**Fixer mobile nav**: Media-query `@media(max-width:768px)` cacher `.site-header`, afficher `.top-nav-mobile` ; ajuster `--nav-h` avec `env(safe-area-inset-top)`.
**Améliorer contrastes**: `--rc-text-light` → `#555` ; tester avec WAVE/ Lighthouse (cible WCAG AA).
**Compléter app vétérinaire**: Ajouter forms pré-diagnostic (symptômes, race, âge) avec progress bar ; intégrer JS pour triage.
**Optimiser perf**: Lazy-load images/iframes ; minifier CSS (42k+ lignes) ; ajouter ` ` fonts.
5. CE QUI EST BIEN
**Responsive solide**: Grilles adaptatives, safe-area, `100dvh` moderne.
**Design cohérent**: Palette Royal Canin (`--rc-red`), typos Barlow pro, ombres/hovers fluides.
**Structure modulaire**: Variables CSS, animations subtiles, PWA-ready (meta apple-web-app).
index.html
Audit UX/UI - SOS Toutou Royal Canin (index.html)
1. NOTES /10
| Critère | Note | Justification |
|---------|------|---------------|
| UX | 3/10 | Redirection brutale sans feedback utilisateur |
| Design | 2/10 | Aucun contenu visuel, page vide |
| Contenu | 1/10 | Absence totale de contenu informatif |
| Technique | 4/10 | Double redirection inefficace mais fonctionnelle |
2. BUGS ET ERREURS TECHNIQUES
**Double redirection** : métabalise ` ` + JavaScript redondants
**Métabalise obsolète** : `http-equiv="refresh"` est déprécié en HTML5[1]
**Body vide** : aucun contenu de secours pour les utilisateurs sans JavaScript
**SEO désastreux** : pas de titre, description, og:tags (critique pour une app médicale)
3. PROBLÈMES UX
**Pas de feedback visuel** : l'utilisateur ignore si la page charge[3]
**Accessibilité critique** : utilisateurs avec JavaScript désactivé abandonnent immédiatement
**Mobile** : aucun viewport, aucune adaptation responsive
**Temps de chargement non optimisé** : redirection crée une latence perceptible
**Violation heuristique Nielsen #1** : **Visibilité du statut du système** - aucun indicateur de progression[1]
**Violation heuristique Nielsen #3** : **Contrôle et liberté** - utilisateur pris au piège sans option
4. AMÉLIORATIONS PRIORITAIRES
**[P0] Remplacer par une redirection côté serveur (301/302)** - Plus rapide, accessible, SEO-friendly
**[P1] Ajouter écran de chargement** - Loader visuel + message « Chargement de l'application... »
**[P2] Contenu de secours en HTML** - Titre, meta-tags, lien manuel vers app.html pour JS désactivé
**[P3] Meta viewport + mobile-first** - Essentiel pour une app vétérinaire (consultation mobile)
**[P4] Ajouter lang et charset** - `` + ` `
5. POINTS FORTS
✓ Le concept de redirection existe (bien que mal implémenté)
✓ Double redirection assure compatibilité navigateurs anciens
✓ Fichier ultra-léger = chargement initial rapide
Verdict : Page actuellement inutilisable en l'état . Priorité : redirection serveur + contenu fallback avant déploiement.
roi-gratuit.html
Audit UX/UI — ROI Gratuit Royal Canin
1. NOTES /10
| Dimension | Note | Justification |
|-----------|------|---|
| UX | 7/10 | Navigation claire mais structure complexe ; sidebar sticky bien pensée mais risque de surcharge mobile |
| Design | 8/10 | Cohérence visuelle forte (dark theme + RC Red), typographie soignée, hiérarchie respectée |
| Contenu | 6/10 | Watermark "CONFIDENTIEL" gêne la lecture ; manque de microcopy explicative sur les interactions |
| Technique | 7/10 | HTML5 valide, responsive intent présent mais grid 2-col rigide sur mobile ; Chart.js chargé de CDN sans fallback |
2. BUGS & ERREURS DÉTECTÉES
**HTML tronqué** : Le fichier s'arrête à `margin-bottom` (ligne CSS incomplète) — risque de rendu cassé
**CSS incomplet** : Pas de fermeture `` visible ni de balises `` et `