Auditer une page — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 8)

Auditer une page

Accessibilité · niveau 3 (difficile)

Énoncé

Appliquer la méthode de test en quatre temps à la page d'accueil de votre propre école (ou d'un site de votre choix). Rédiger un rapport d'audit d'une page : pour chaque étape, ce qui a été fait, ce qui a été constaté, et les trois corrections les plus urgentes, classées par gravité.

Corrigé

Exemple de rapport, pour une page d'accueil type (les constats et le score sont donnés à titre d'illustration ; les vôtres dépendent du site audité) :

Validation : 4 erreurs (deux id en double, un <ul> contenant un <div>, une image sans alt).
Clavier : le menu « Formations » ne s'ouvre qu'au survol ; le focus est invisible sur les liens (contour supprimé en CSS) ; le bandeau de cookies ne se ferme pas au clavier, ce qui bloque l'accès à tout le site.
Audit automatique (Lighthouse) : score 71 sur 100 ; contraste insuffisant du texte gris clair, boutons sans nom.
Lecteur d'écran : la liste des titres commence au niveau 3 ; trois liens « En savoir plus » indistincts.

Corrections par gravité : 1) rendre le bandeau de cookies utilisable au clavier (il bloque tout) ; 2) rendre le menu et le focus accessibles au clavier ; 3) nommer les boutons et les liens, et réparer la hiérarchie des titres. Le classement suit une règle simple : d'abord ce qui empêche d'utiliser le site, puis ce qui le rend pénible, puis le reste.