Navigation : Malvoyance
La malvoyance rend le suivi du pointeur de souris difficile. L'utilisateur privilégie souvent le clavier. Ici, deux problèmes s'accumulent : un focus peu visible et un ordre de tabulation incohérent.
La souris et son curseur seront désactivées dans la zone blanche ci-dessous. Utilisez Tabulation pour vous déplacer (Shift+Tab pour revenir en arrière) et Entrée pour activer les boutons.
Objectif : Atteindre le bouton "3. PAYER LA COMMANDE" et valider avec Entrée.
Validation du panier
🔍 Analyse
Critère 12.8 (Ordre de tabulation) : Le flux du clavier suit l'ordre du code source (DOM). Ici, le bouton "Annuler" est placé en 2ème position dans le code mais s'affiche en 4ème position via CSS. L'utilisateur est désorienté car le focus "saute" visuellement.
Critère 10.7 (Focus visible) : L'indicateur de focus actuel (gris clair) est insuffisant. Pour une personne malvoyante, le focus doit être très contrasté pour être repérable immédiatement.
Actions correctives :
1. Aligner l'ordre du code HTML sur l'ordre visuel.
2. Appliquer un focus orange épais (5px) pour traverser le flou visuel.