Objectif
Expliquer sites et applications, reproduire l’exemple et justifier une décision dans le cas proposé.
Avant de commencer
Code et logique
Comprendre
Les interfaces relient structure, style, comportement, accessibilité et données.
Exemple expliqué
Un bouton doit être lisible, utilisable au clavier et indiquer clairement son action.
Analyser et éviter les erreurs
HTML porte la structure, CSS la présentation et JavaScript le comportement. Les éléments natifs comme button et label fournissent des bases d’accessibilité. La mise en page doit supporter écran étroit, zoom et clavier.
Étude de cas — raisonnement
Un contrôle fonctionne à la souris mais pas avec Tab et Entrée. Utilise un vrai bouton, vérifie le focus visible et annonce le résultat; une zone cliquable sans rôle reste difficile à utiliser.
Vérifier sa compréhension
À retenir
Les interfaces relient structure, style, comportement, accessibilité et données.