Publier des contenus web accessibles au quotidien

Construire une structure que l’on peut parcourir

Donnez à la page un titre principal descriptif puis organisez les sous-parties avec des titres de niveau cohérent. Un titre indique le sujet de la section, pas seulement une mise en forme. Évitez de sauter des niveaux pour obtenir un effet visuel : utilisez les styles de l’éditeur pour la présentation. Le tutoriel W3C WAI sur les titres montre comment ils servent à parcourir la page.

Placez l’information décisive assez tôt et utilisez des listes pour de vraies séries d’éléments. Définissez les sigles peu connus et explicitez les étapes d’une démarche. Une structure claire aide aussi à relire, traduire et maintenir la page.

Écrire des liens et des images utiles

Un lien doit annoncer sa destination ou son action même isolé du paragraphe. Remplacez « cliquez ici » par le nom du document, du service ou de l’étape. Si plusieurs liens ont le même texte mais mènent à des destinations différentes, précisez leur contexte.

Pour chaque image informative, écrivez une alternative qui transmet sa fonction dans la page ; n’énumérez pas mécaniquement les objets visibles. Une image décorative peut avoir une alternative vide. Les cas d’usage du W3C WAI aident à distinguer ces situations. Vérifiez aussi les droits et la qualité de l’image, selon le guide des visuels.

Décidez de l’alternative à partir de la fonction de l’image dans cette page. Une même photo peut apporter une information dans un article et n’ajouter qu’une répétition à côté d’un texte équivalent. Si une image constitue seule le contenu d’un lien, son alternative doit annoncer la destination ou l’action. Décrire seulement la forme d’une icône ne suffit pas à expliquer ce que fait la commande.

Une alternative volontairement vide, alt="", n’est pas un attribut absent. Pour un graphique complexe, donnez un repère bref puis les informations nécessaires dans du texte ou un tableau accessible proche ; ne comprimez pas toute l’analyse dans l’attribut. Une légende, un crédit et l’alternative ont des fonctions différentes. Relisez le résultat en contexte et dans chaque langue, sans transformer l’alternative en inventaire de mots-clés.

• Titres descriptifs.
• Liens compréhensibles hors contexte.
• Alternative adaptée à la fonction de l’image.

Faites défiler le tableau horizontalement pour lire toutes les colonnes. Au clavier, placez le focus sur le tableau puis utilisez les flèches.

• W3C WAI : Arbre de décision pour l’alternative

  Consulté le 22 octobre 2026 ; choix de l’alternative selon le contexte et la fonction de l’image.

Traiter tableaux, documents et médias

Réservez le tableau aux données qui gagnent à être comparées en lignes et colonnes ; indiquez les en-têtes et expliquez les unités. Ne l’utilisez pas pour disposer des blocs de texte. Pour un graphique, résumez la conclusion essentielle et proposez les données nécessaires à sa compréhension.

Avant de publier un PDF ou une vidéo, vérifiez l’accessibilité du fichier et les alternatives nécessaires, notamment sous-titres et transcription selon le contenu. Un simple lien vers un fichier ne rend pas son contenu accessible. Si l’information est essentielle, une version HTML structurée facilite souvent sa lecture et sa mise à jour.

Installer une vérification dans la publication

Faites relire une page représentative par une autre personne : comprend-elle les intitulés, les liens et les consignes sans explication orale ? Parcourez-la au clavier, agrandissez le texte et contrôlez les alternatives dans le HTML final. Une prévisualisation d’éditeur ne reflète pas toujours le rendu publié.

Inscrivez ces contrôles dans la routine de validation des nouveaux contenus et des traductions. Lorsqu’un gabarit empêche de produire des titres, libellés ou tableaux corrects, signalez le problème à l’équipe technique. Le guide de test d’accessibilité décrit les contrôles de page plus larges.

• Contrôle de la page publiée.
• Relecture des traductions et fichiers.
• Problèmes du gabarit remontés à l’équipe responsable.

Structurer un document long

Cas proposé : une page présente une procédure avec de gros caractères mais sans hiérarchie de titres. La présentation visuelle ne décrit pas forcément sa structure de lecture.

Vérifiez titres, listes, libellés et alternatives sur le contenu final. Gardez les étapes nécessaires dans un ordre compréhensible ; une image du texte ne remplace pas une réponse disponible sous forme textuelle.

• Relever la hiérarchie des titres
• Vérifier les étapes et leurs libellés
• Conserver une version lisible sans images

• Relier une page à son fichier

  Publier des documents téléchargeables utiles et accessibles