Objectifs pédagogiques
- Traduire la tâche client en pages et navigation claires.
- Vérifier accessibilité et interaction complète sur les appareils.
Définir la décision soutenue par la page
Listez public, question et action suivante. Une page de service peut nécessiter adéquation, processus, limites et contact avant l’introduction décorative. Écrivez simplement et précisément sous des titres utiles. Déterminez ce qui appartient ici et ce qui exige une explication distincte clairement reliée.
Créer un chemin compréhensible
Utilisez une navigation cohérente et des liens décrivant leur destination. Montrez position et retour. Distinguez les actions sans la seule couleur. Pour un formulaire, donnez étiquettes visibles, informations nécessaires et erreurs près du champ avec correction possible. Un envoi réussi doit expliquer la suite.
Concevoir pour des capacités et contextes variés
On utilise clavier, aides techniques, agrandissement ou petit écran en pleine lumière. Vérifiez contraste, ordre logique du focus et alternatives textuelles utiles. Permettez la redistribution avec espace réduit ou texte agrandi. L’automatisation trouve certains problèmes, sans prouver la réussite de personnes réelles.
Intégrer performance et maintenance
Utilisez images adaptées, espace stable et seules interactions nécessaires. Évitez les effets masquant le contenu ou rendant la navigation imprévisible. Attribuez les mises à jour de prix, périmètre et contact. Testez longueurs réelles, sens des langues et erreurs. Le site doit rester utilisable avec les vrais contenus.
Un cycle guidé par la tâche
Examinez tout le parcours, pas des écrans isolés.
Comprendre
Identifier tâche et informations nécessaires.
Organiser
Créer une structure claire de contenu et navigation.
Construire
Réaliser des interactions accessibles et adaptatives.
Évaluer
Observer la réussite, lever les obstacles et maintenir l’exactitude.
Comparaison
| Domaine | Question | Preuve |
|---|---|---|
| Contenu | Le visiteur comprend-il si le service convient ? | Périmètre exact et titres compréhensibles |
| Interaction | La tâche est-elle réalisable sans souris ? | Clavier, focus visible et erreurs corrigeables |
| Adaptation | L’information reste-t-elle accessible en faible largeur ? | Vrais tests mobiles et texte agrandi |
| Performance | L’essentiel apparaît-il de façon prévisible ? | Mise en page stable et médias adaptés |
Un formulaire apparemment complet
La belle page d’une entreprise fictive ne signale les erreurs que par un contour rouge.
- L’examen au clavier montre qu’on ne sait pas quelle information manque.
- L’équipe ajoute étiquettes, erreurs descriptives et chemin de focus clair.
- Elle teste correction, confirmation et suivi promis sur petits et grands écrans.
L’amélioration est l’accomplissement et le retour compréhensible, pas une nouvelle couleur. L’évaluation complète peut nécessiter davantage de vérifications.
Liste des actions
- Nommer tâche et action suivante.
- Utiliser titres et liens explicites.
- Vérifier clavier et correction d’erreurs.
- Tester faibles largeurs et texte agrandi.
- Attribuer contenu et maintenance.
Erreurs fréquentes
Approuver le modèle vide
Une mise en page adaptée seulement à une courte démonstration peut échouer avec traductions et images réelles.
Réduire l’expérience au score automatique
Une bonne note ne prouve pas que navigation, formulation ou interaction complexe conviennent à chaque utilisateur.
Questions et réponses
Responsive signifie-t-il réduire la page de bureau ?
Non. Il faut adapter présentation et interaction en conservant l’essentiel et un ordre de lecture et de focus utilisable.
Peut-on ajouter l’accessibilité uniquement à la fin ?
Des corrections tardives sont possibles, mais contenu, structure et interaction se traitent mieux tout au long du projet.
Sources et lectures complémentaires
- Principes d’accessibilitéW3C Web Accessibility Initiative
Les recommandations internationales primaires expliquent les exigences et renvoient aux normes pertinentes.
- Conseils pratiques de conception et développementW3C Web Accessibility Initiative
W3C propose des ressources initiales aux auteurs, designers et développeurs ; une courte liste n’est pas un audit complet de conformité.
