Aller au contenu principal

Générateur de Fil d'Ariane Accessible

Créez un fil d'Ariane (breadcrumb) accessible avec navigation ARIA et données structurées Schema.org (RGAA 12.8, 9.2).

Niveaux du fil d'Ariane

1
2
3

Prévisualisation

Structure :

  • aria-label="Fil d'Ariane" sur le nav
  • Liste ordonnée <ol>
  • aria-current="page" sur le dernier
HTML - Fil d'Ariane accessible
<nav aria-label="Fil d'Ariane">
  <ol>
    <li>
      <a href="/">Accueil</a>
    </li>
    <li>
      <a href="/produits">Produits</a>
    </li>
    <li>
      <span aria-current="page">Chaussures</span>
    </li>
  </ol>
</nav>
JSON-LD - Schema.org BreadcrumbList
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Accueil",
      "item": "/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Produits",
      "item": "/produits"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Chaussures"
    }
  ]
}