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).

Guide 12.8 Guide 9.2

Niveaux du fil d'Ariane

Inclure les données structurées Schema.org

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"
    }
  ]
}