Toujours les mêmes, ou presque

D’un audit à l’autre, les mêmes familles reviennent. Les traiter en amont — dans le gabarit, le design system et les consignes de rédaction — évite la majorité des non-conformités avant qu’elles n’existent.

Structure

• Titres choisis pour leur taille. Un h3 parce qu’il rendait mieux, et la hiérarchie saute. Correction : décider le niveau d’après la structure, styler ensuite.
• Plusieurs h1, ou aucun. Un par page, qui reprend le sujet de la page.
• Fausses listes faites de tirets et de retours à la ligne. Correction : ul et li.
• Absence de zones de regroupement. Pas de header, nav, main, footer : impossible de naviguer par régions.

Liens et boutons

• « En savoir plus » répété quinze fois. Hors contexte, aucun ne dit vers quoi il mène. Correction : reprendre l’intitulé de la destination.
• Liens composés d’une seule icône sans nom accessible.
• Faux boutons — un div rendu cliquable — non atteignables au clavier. Correction : button natif.
• Ouvertures de nouvelle fenêtre non annoncées.

Images

• Alternative égale au nom du fichier. Passe les contrôles automatiques, ne veut rien dire.
• Images décoratives décrites, qui polluent la restitution. Correction : alt="".
• Texte en image — un tarif, une infographie — sans équivalent textuel.

Formulaires

• Étiquette remplacée par le placeholder. Il disparaît à la saisie et n’est pas une étiquette.
• Champs obligatoires signalés par la seule couleur ou un astérisque non explicité.
• Messages d’erreur génériques — « formulaire invalide » — sans indiquer quel champ ni ce qui est attendu.
• Champs de même nature non regroupés, sans fieldset ni legend.

Présentation et interaction

• Contrastes insuffisants, surtout sur le texte gris clair, les libellés secondaires et les états désactivés.
• outline: none sans remplacement : le focus devient invisible, et la navigation clavier impraticable.
• Ordre de tabulation contredit par le CSS, quand l’ordre visuel diverge de l’ordre du code.
• Pièges au clavier dans les fenêtres modales et les carrousels : on entre, on ne sort plus.
• Contenu qui n’existe qu’après exécution du JavaScript.
• Défilement horizontal en dessous de 320 px de large.