Guide · Accessibilité éditoriale
Contenus web accessibles : publier des pages lisibles et navigables
Titres, liens, images, tableaux, documents et contrôle éditorial : une méthode pour publier des contenus accessibles dans la durée.
Réponse rapide
L’accessibilité d’un contenu se décide dès sa rédaction : une structure claire, des liens explicites et des alternatives adaptées rendent la page plus facile à comprendre et à utiliser.
- Décrire la structure du document avec de vrais titres et des sections cohérentes.
- Rédiger des liens compréhensibles hors de leur phrase lorsque le contexte le permet.
- Choisir l’alternative d’une image selon sa fonction dans la page.
- Contrôler tableaux, documents liés et parcours au clavier avant publication.
1. Organiser la page pour être parcourue
Un lecteur peut arriver par la recherche sur une section précise, utiliser une liste de titres ou faire défiler rapidement la page. Le titre principal doit annoncer le sujet, puis les titres de section doivent décrire les étapes ou questions traitées. Utilisez les niveaux de titres selon la hiérarchie du contenu, pas pour obtenir une taille de police.
Chaque bloc devrait répondre à une question reconnaissable. Des paragraphes courts, des listes quand elles structurent de vrais éléments et des termes expliqués à leur première occurrence aident à lire sans masquer la nuance. Les régions de page et les titres correctement balisés facilitent également la navigation avec des technologies d’assistance.
- Vérifier que le H1 correspond au sujet réel de la page.
- Relire uniquement la liste des titres : le plan doit rester compréhensible.
- Employer une liste pour une série d’éléments, sans la transformer en décor.
- Ne pas introduire un faux titre avec du gras ou une taille de police.
2. Donner un sens aux liens et aux actions
Un lien intitulé « cliquez ici » perd son sens lorsqu’il est extrait du paragraphe. Nommez plutôt la destination ou l’action : « Consulter la méthode de l’audit » ou « Télécharger le programme ». Si plusieurs liens ont le même libellé, ils devraient conduire au même type de contenu ou être distingués par leur contexte.
Quand un lien ouvre un fichier, une ressource externe ou une nouvelle fenêtre, indiquez l’information utile au bon moment. Évitez de transformer une phrase entière en lien si quelques mots suffisent. Les boutons servent à déclencher une action dans la page ; les liens servent à naviguer. Cette distinction doit rester claire pour le lecteur et pour le clavier.
- Relire les liens sans les paragraphes qui les entourent.
- Vérifier que la destination correspond à la promesse du libellé.
- Ne pas utiliser seulement la couleur pour montrer qu’un texte est cliquable.
- Contrôler l’ordre du focus sur les liens et actions importants.
3. Décrire l’information portée par les images
Une photographie illustrative, un graphique et une icône d’action n’appellent pas le même texte alternatif. Pour une image informative, transmettez l’information nécessaire à la compréhension de la page. Pour une image purement décorative, un attribut alt vide évite une annonce inutile. Pour une image qui sert de lien ou de bouton, l’alternative décrit l’action ou la destination.
Une légende peut apporter un contexte visible à tous, mais elle ne remplace pas automatiquement l’alternative. Un graphique complexe doit proposer les données ou les conclusions essentielles dans le texte environnant ou sous une forme équivalente. Évitez les images de texte lorsque le contenu peut être publié en HTML.
- Demander ce qui manquerait si l’image ne se chargeait pas.
- Éviter de répéter exactement le titre ou le paragraphe adjacent.
- Associer toute donnée importante du graphique à une explication textuelle.
- Conserver crédit et droits lorsqu’ils sont nécessaires.
À retenirLe bon texte alternatif dépend de la place et de la fonction de l’image sur cette page, pas seulement du fichier.
4. Garder les tableaux et documents exploitables
Un tableau de données exprime des relations entre lignes et colonnes. Préparez un intitulé clair et marquez les cellules d’en-tête avec la structure HTML adaptée. Pour un tableau complexe, vérifiez les associations entre en-têtes et valeurs. N’utilisez pas un tableau uniquement pour disposer deux blocs visuels côte à côte.
Un document téléchargeable peut être utile pour l’impression ou l’archivage, mais ses informations essentielles devraient rester accessibles sur la page lorsqu’elles sont nécessaires pour décider. Si le fichier constitue le contenu principal, vérifiez sa propre structure, ses liens et ses alternatives. Indiquez le format et, lorsque cela aide, la taille du fichier.
- Ajouter un titre de tableau lorsque son objet n’est pas évident.
- Contrôler les en-têtes de ligne et de colonne.
- Éviter une capture d’écran d’un tableau comme seul accès aux données.
- Relire les documents liés avec les mêmes exigences de structure que la page.
5. Intégrer la vérification dans la publication
Une page peut passer un contrôle automatique tout en restant difficile à comprendre. Avant de publier, relisez-la sans mise en forme, parcourez les titres et les liens, puis essayez les actions au clavier. Agrandissez le texte et vérifiez que les informations et commandes restent disponibles sur un écran étroit.
Le travail éditorial et le gabarit doivent se soutenir mutuellement. Le CMS devrait aider à saisir les titres, légendes, alternatives et en-têtes de tableau, tandis que la revue de contenu vérifie la justesse de ces choix. Notez les problèmes récurrents afin de corriger le modèle de page plutôt que chaque occurrence séparément.
- Tester un parcours principal au clavier, y compris le focus visible.
- Vérifier la page avec images désactivées ou non chargées.
- Contrôler l’ordre de lecture après agrandissement.
- Faire relire au moins une page représentative par une personne qui n’a pas participé à sa rédaction.
Quel traitement selon le type de contenu ?
| Élément | Décision éditoriale | Vérification |
|---|---|---|
| Photographie illustrative | Décrire seulement l’information utile, ou alt vide si décorative | La page garde son sens sans l’image |
| Lien vers une ressource | Nommer la destination ou l’action | Le lien est compréhensible isolément |
| Tableau de données | Prévoir titre et en-têtes liés aux valeurs | Les relations restent lisibles sans mise en forme |
| Document à télécharger | Indiquer son rôle et vérifier sa structure | Les informations essentielles sont accessibles |
Avant d’avancer
La check-list opérationnelle
- Le titre principal décrit le sujet réel de la page.
- Les sous-titres composent un plan logique.
- Les liens importants annoncent leur destination.
- Les actions sont utilisables au clavier avec un focus visible.
- Chaque image a une alternative adaptée à sa fonction.
- Les graphiques importants ont une explication textuelle.
- Les tableaux disposent d’en-têtes correctement associés.
- Les documents liés ont un rôle clair et un format indiqué.
- La page reste utilisable à largeur réduite et avec texte agrandi.
- Une revue humaine complète les contrôles automatiques.
Questions fréquentes
Les précisions à connaître
Faut-il décrire chaque détail d’une photographie ?
Non. L’alternative doit transmettre ce qui compte pour comprendre ou utiliser la page. Si l’image n’apporte aucune information, un alt vide peut être plus utile qu’une longue description.
Une légende remplace-t-elle le texte alternatif ?
Pas systématiquement. La légende est visible et peut préciser le contexte ; l’alternative transmet la fonction ou l’information de l’image lorsque celle-ci n’est pas perçue. Les deux se complètent selon le cas.
Peut-on utiliser un PDF au lieu d’une page HTML ?
Un PDF peut répondre à un besoin d’impression ou d’archivage. Lorsque le contenu est nécessaire à la compréhension ou à une décision immédiate, une version HTML accessible facilite souvent l’accès. Le PDF lui-même doit aussi être vérifié.
Un outil automatique suffit-il à valider l’accessibilité ?
Non. Il peut détecter certaines erreurs de balisage, mais ne juge pas toujours la pertinence d’un libellé, le sens d’une alternative ou la clarté du parcours. Une revue humaine reste nécessaire.
Documentation
Sources de référence
Ces ressources officielles complètent les arbitrages et permettent de vérifier les recommandations dans leur contexte.
