Principales non‑conformités rencontrées lors d’un audit RAWeb

Voici les non‑conformités les plus fréquentes remontées lors d’audits d’accessibilité basés sur le RAWeb, avec brève description et pistes de correction.

Liste de non-conformités fréquentes

Images sans attribut alt ou avec alt inapproprié

Problème : absence ou non-pertinance d’alternative textuelle sur une image informative (« image1 », « logo ») - ou texte alternatif inutile présent sur une image purement décorative.
Todo : fournir un texte alternatif pertinent, ou alt="" pour les images décoratives.

Structure de titres et balisage sémantique incorrects

Problème : titres sautés (h1 → h3), éléments non sémantiques (div/span) utilisés à la place de balises adaptées.
Todo : respecter la hiérarchie des titres, utiliser balises sémantiques (nav, main, header, footer, article).

Formulaires sans labels ou associa­tions incorrectes

Problème : champs sans label visible ni label lié (for/id), placeholders utilisés comme seul label.
Todo : ajouter des labels explicites, aria-describedby pour instructions complémentaires, gestion claire des erreurs.

Problème : éléments interactifs non accessibles au clavier, ordre de focus incohérent, focus non visible.
Todo : garantir la navigation au clavier (touche tab) pour tous les contrôles, ordre logique, style de focus visible et géré.

Contrastes insuffisants

Problème : texte (ou éléments interactifs) avec ratio contraste inférieur aux seuils RAWeb/WCAG.
Todo : ajuster couleurs, proposer option contraste élevé, vérifier contrastes des états focus/hover.

Contenu dynamique et ARIA mal utilisé

Problème : rôles/attributs ARIA incorrects ou superflus, widgets non annoncés correctement, mise à jour du DOM non notifiée.
Todo : n’utiliser ARIA que si nécessaire, respecter les patterns ARIA et tester avec lecteurs d’écran.

Liens et intitulés ambigus

Problème : liens « cliquer ici », URLs affichées, intitulés non distincts dans le contexte.
Todo : rédiger des intitulés explicites décrivant la cible ou l’action.

Médias (vidéo/audio) sans sous‑titres ou transcriptions

Problème : absence de sous‑titres, pas de description audio pour contenus essentiels visuels.
Todo : fournir sous‑titres synchrones, transcription textuelle, pistes audio décrites si nécessaire.

Documents téléchargeables non accessibles (PDF, Word)

Problème : PDF non balisés, structure cassée, absence d’alternatives.
Todo : publier PDF balisés, fournir version HTML ou texte clair, vérifier lecture par synthèse vocale.

Erreurs non identifiées ou instructions manquantes

Problème : messages d’erreur non liés au champ concerné, absence d’indications pour corriger.
Todo : associer messages d’erreur aux champs (aria‑invalid, aria-describedby), fournir instructions claires et exemples.

Problèmes liés à la langue du document

Problème : absence d’attribut lang ou changement de langue non signalé.
Todo : définir lang sur l’élément html et sur sections en langue différente.

Pop‑ups/modales et gestion du focus

Problème : modales non annoncées, focus piégé ou non restitué après fermeture.
Todo : implémenter modales accessibles (role="dialog", aria-modal, gestion focus trap & retour), annoncer via aria‑label.

Timeouts et contenus changeants non contrôlables

Problème : sessions expirant sans avertissement ou contenus auto‑actualisés sans pause.
Todo : fournir avertissement, options de prolongation, contrôler auto‑refresh.

Contenu non responsive / zoom cassé

Problème : textes illisibles au zoom 200% ou sur petits écrans, éléments superposés.
Todo : respecter responsive design, tests zoom et mise à l’échelle sans perte de fonctionnalité.

Priorisation et validation

Prioriser corriger : formulaires (erreurs & labels), navigation clavier, contrastes, alternatives des médias et documents.
Valider avec : contrôles automatiques + revues manuelles + tests utilisateurs (personnes en situation de handicap) conformément à la méthodologie RAWeb.