Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →

Barrierefreiheit

Pourquoi les titres et tableaux doivent-ils être correctement marqués dans le code ?

Les titres et les tableaux doivent être correctement marqués dans le code, car les programmes de lecture et les moteurs de recherche ne reconnaissent la structure d'une page que de cette manière. Un visiteur voyant voit d'un coup d'œil ce qui est titre et ce qui est en-tête de tableau — un visiteur aveugle et Google n'apprennent cela que s'il y est aussi nommé dans le code. Le texte en gras n'est pas un titre.

Structure du code : la table des matières de la page

Les programmes de lecture proposent aux utilisateurs aveugles un raccourci : sauter de titre en titre, comme on survole une table des matières. Cela ne fonctionne que si les titres sont marqués comme tels dans le code — avec des niveaux de H1 à H6, comme les chapitres et sous-chapitres. Si le marquage saute de H1 directement à H4, c'est comme un livre qui passe du chapitre 1 directement à la section 1.1.1.1 : le lecteur se demande ce qu'il a manqué. Pour les tableaux, c'est pareil : seulement si la ligne d'en-tête est marquée comme telle, le programme de lecture peut annoncer à chaque nombre à quelle colonne il appartient. Google utilise aussi cette structure pour comprendre votre contenu.

Comment notre moteur de mesure teste la structure de la page

La vérification automatique combine deux outils. L'outil axe-core examine les listes, les listes de description et les connexions techniques entre les éléments. En plus, des étapes de vérification spécifiques testent deux points que axe-core ne couvre pas dans une exécution standard : les niveaux de titre ignorés — par exemple H1 suivi immédiatement de H4 — et les tableaux de données sans une seule cellule d'en-tête marquée. Les deux sont des violations justifiables et sont rapportées comme telles. Important pour la classification : ce critère est formulé si largement qu'une exécution automatique silencieuse n'est jamais considérée comme « conforme » chez nous — le rapport l'indique alors comme « à examiner manuellement », et au standard Gold, une personne évalue la structure.

Une structure propre profite directement à Google

Le même marquage qui permet aux utilisateurs aveugles de sauter entre les titres aide votre visibilité : Google pondère les titres lors du classement d'une page et affiche le contenu bien structuré plus volontiers comme réponse en surbrillance dans les résultats de recherche. Une page avec exactement un titre principal, des sous-titres judicieusement échelonnés et de vraies listes se lit pour le moteur de recherche comme un document bien structuré. Inversement, une page dont les « titres » ne sont que du texte en gras renonce complètement à ce signal — pour la machine c'est du texte ordinaire sans poids.

Beispiele

Überschrift als fetter Text

Verstoß

<p><strong style="font-size:24px">Öffnungszeiten</strong></p>
<p>Montag bis Freitag 8–16 Uhr</p>

Erfüllt

<h2>Öffnungszeiten</h2>
<p>Montag bis Freitag 8–16 Uhr</p>

Nur ein echtes h-Element erscheint in der Überschriftenliste des Vorleseprogramms.

Datentabelle ohne Kopfzellen

Verstoß

<table>
  <tr><td>Tarif</td><td>Preis</td></tr>
  <tr><td>Basis</td><td>9 €</td></tr>
</table>

Erfüllt

<table>
  <caption>Tarife</caption>
  <thead><tr><th scope="col">Tarif</th><th scope="col">Preis</th></tr></thead>
  <tbody><tr><td>Basis</td><td>9 €</td></tr></tbody>
</table>

Mit th und scope sagt das Vorleseprogramm zu jeder Zelle, zu welcher Spalte sie gehört.

Demandez à votre agence un aperçu des niveaux de titre de vos pages les plus importantes — les étapes doivent être complètes comme une table des matières.
Vérifiez vos tableaux : chaque tableau de données a besoin d'une première ligne ou colonne marquée comme en-tête.
Remplacez le texte en gras formaté qui fonctionne comme titre par de vrais titres dans votre système d'édition.
Utilisez la fonction de liste dans votre système d'édition plutôt que de taper manuellement les tirets.
Attribuez à chaque page un seul titre principal qui nomme le sujet de la page.

Deutsche Fassung dieser Seite

FAQ

Que signifient H1, H2, H3 dans les titres ?

Ce sont les niveaux de titre dans le code d'un site web : H1 est le titre principal de la page, H2 sont les chapitres, H3 sont leurs sections — jusqu'à H6. Les programmes de lecture et Google lisent ces niveaux comme une table des matières. Les étapes doivent se suivre sans lacune, donc pas de saut de H1 directement à H4.

Pourquoi le texte en gras comme titre ne suffit-il pas ?

Parce que la mise en gras ne change que l'apparence, pas la signification dans le code. Un programme de lecture ne peut pas distinguer le texte en gras du texte normal et ne le propose pas lors du saut à travers la page. Google non plus ne le reconnaît pas comme structuration. Seuls les vrais éléments de titre portent l'information « une section commence ici ».

Comment la vérification détecte-t-elle les tableaux sans en-tête ?

Notre moteur de mesure examine chaque tableau dans le code de la page : les tableaux de données sans une seule cellule d'en-tête marquée sont signalés comme violations. Les tableaux de mise en page pure, explicitement marqués comme tels dans le code, sont exemptés. Au standard Gold, une personne évalue également si la structure générale est cohérente.