Guide indépendant sur l'accessibilité des sites web. Nous ne réalisons pas de sites sur commande et ne vendons pas d'hébergement ; nous n'avons aucun lien avec l'ancien site de ce domaine.

Dépannage

Résoudre les problèmes

Un message du type « rien ne marche sur votre site » signifie rarement que tout le site est en panne. Le plus souvent, c'est un point précis qui bloque : un focus invisible, un bouton sans nom, un champ sans étiquette. Voici les situations les plus fréquentes et une marche à suivre posée si quelqu'un vous écrit qu'il n'arrive pas à utiliser votre page.

Une réclamation sur un site peu pratique, c'est un test gratuit que quelqu'un a fait pour vous : mieux vaut l'accueillir avec reconnaissance.

— Le mot de la rédaction

Comment lire cette rubrique : les conseils sont formulés de manière générale et conviennent à la plupart des petits sites. Si la correction exige de modifier le thème ou le code, montrez ces notes à la personne qui assure la maintenance de votre site.

Quand quelque chose ne va pas

En naviguant avec la touche Tab, on ne voit pas où se trouve le focus

Le contour de sélection a sans doute été supprimé pour des raisons esthétiques. Rétablissez-le ou remplacez-le par le vôtre, à condition qu'il reste bien visible sur n'importe quel fond. Sans lui, une personne qui navigue au clavier ne sait pas sur quoi elle va appuyer.

Au zoom, le texte est coupé ou chevauche les blocs voisins

En général, la faute revient à des hauteurs de blocs et des tailles de police fixes qui ne suivent pas l'agrandissement. Testez la page avec un zoom doublé et demandez au développeur de laisser les blocs s'adapter à leur contenu.

Un bouton avec une icône, mais sans texte

Le lecteur d'écran annoncera seulement « bouton », et la personne ne saura pas à quoi il sert. Donnez-lui un intitulé, visible ou accessible aux technologies d'assistance : « Rechercher », « Fermer », « Menu ».

Les visiteurs ne comprennent pas ce qui ne va pas dans le formulaire

Réécrivez les messages d'erreur : ce qui pose problème exactement et comment le corriger. Placez-les près du champ concerné et ne comptez pas sur la seule couleur rouge. La marche à suivre détaillée figure dans le guide sur le formulaire de contact.

Une vidéo a été publiée sans sous-titres

Commencez par les vidéos les plus importantes. Même les sous-titres générés automatiquement doivent être relus et corrigés : une erreur de reconnaissance peut facilement changer le sens. Pour les enregistrements sans image, une transcription écrite suffit.

Un texte gris pâle se lit mal

Vérifiez le contraste : au niveau AA, il faut au moins 4,5:1 pour un texte normal. Le plus souvent, il suffit de foncer le texte : la mise en page n'en souffre pas et la lecture devient plus facile pour tout le monde.

Si un visiteur vous signale qu'il ne peut pas utiliser votre site

  1. Remerciez et demandez des précisions

    Répondez calmement, sans vous justifier. Demandez sur quelle page la difficulté est apparue, ce que la personne essayait de faire et quel appareil elle utilisait, en termes généraux et sans questions personnelles inutiles.

  2. Proposez tout de suite une solution de contournement

    Tant que la cause n'est pas trouvée, offrez un autre moyen d'obtenir ce qu'il faut : répondre par e-mail, prendre la demande par écrit, envoyer le texte d'un document. La personne ne doit pas attendre que le site soit corrigé.

  3. Reproduisez le parcours vous-même

    Refaites le même chemin : d'abord à la souris, puis uniquement au clavier, puis avec un zoom doublé et avec le lecteur d'écran intégré. Notez à quelle étape tout se bloque.

  4. Cherchez la cause, pas le symptôme

    Si un bouton ne réagit pas, vérifiez tous ceux qui lui ressemblent : l'erreur se trouve généralement dans un modèle commun et se répète sur de nombreuses pages.

  5. Corrigez, puis testez à nouveau

    Après la correction, refaites le même parcours avec les mêmes méthodes. Vérifiez que la modification n'a rien cassé à côté, par exemple l'ordre de passage d'un champ à l'autre.

  6. Informez la personne du résultat

    Expliquez ce qui a changé et demandez-lui de vérifier. Cela prend une minute, et c'est pour elle le signe que son message a vraiment été lu.

  7. Ajoutez un point à votre liste de contrôle

    Inscrivez l'erreur trouvée dans la liste de ce que vous vérifiez avant de publier une nouvelle page. Ainsi, une seule réclamation vous évitera bien des récidives.

  • Guides

    Des guides pas à pas pour rendre le texte lisible, la page compréhensible grâce aux titres et le formulaire de contact pratique pour tous. Avec le catalogue des articles.

  • Outils

    Comment tester votre site vous-même : zoom du navigateur, clavier, mode de contraste élevé, lecteur d'écran intégré, vérification des couleurs et validateur de code.

  • Risques

    Les pièges de l'accessibilité : captcha infranchissable, messages qui disparaissent, clignotements, délais trop courts, scans au lieu de texte et « surcouches » miracles.

  • Glossaire

    Le vocabulaire de l'accessibilité : WCAG, GOST R 52872-2019, contraste, texte alternatif, focus, lecteur d'écran, sous-titres et langage clair.

  • Questions

    Réponses aux questions fréquentes sur le guide, les textes et les images, les formulaires, les vidéos et la façon de tester l'accessibilité de votre site sans spécialiste.

Sources

  • W3C — recommandations WCAG 2.2
  • GOST R 52872-2019
  • Contenus éditoriaux du guide Wpget

Les informations sont présentées de manière générale à la date de rédaction. Les recommandations, les navigateurs et les habitudes des lecteurs évoluent peu à peu : en cas de doute, reportez-vous aux textes de référence, à savoir les recommandations WCAG et la norme russe GOST R 52872-2019 en vigueur.