CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Fil d'Ariane (ergonomie) — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"881ad529-30d1-4844-8bc2-1a98ff9020c0","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Fil_d'Ariane_(ergonomie)","wgTitle":"Fil d'Ariane (ergonomie)","wgCurRevisionId":220281222,"wgRevisionId":220281222,"wgArticleId":3841088,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipédia:ébauche informatique","Catégorie Commons avec lien local identique sur Wikidata","Portail:Informatique/Articles liés","Portail:Technologies/Articles liés","Interface utilisateur","Interaction homme-machine","Utilisabilité"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Fil_d'Ariane_(ergonomie)","wgRelevantArticleId":3841088,"wgIsProbablyEditable":true, "wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":7000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q846205","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false, "wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth", "ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/1/1c/Breadcrumb_navigation_in_Nautilus%28updated%29.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="696"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/1/1c/Breadcrumb_navigation_in_Nautilus%28updated%29.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="464"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="371"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Fil d'Ariane (ergonomie) — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Fil_d%27Ariane_(ergonomie)"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Fil_d%27Ariane_(ergonomie)"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Fil_d_Ariane_ergonomie rootpage-Fil_d_Ariane_ergonomie skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Fil+d%27Ariane+%28ergonomie%29" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Fil+d%27Ariane+%28ergonomie%29" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Fil+d%27Ariane+%28ergonomie%29" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Fil+d%27Ariane+%28ergonomie%29" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sommaire" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sommaire</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">masquer</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Début</div> </a> </li> <li id="toc-Étymologie" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Étymologie"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Étymologie</span> </div> </a> <ul id="toc-Étymologie-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Utilisations" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Utilisations"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Utilisations</span> </div> </a> <button aria-controls="toc-Utilisations-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Utilisations</span> </button> <ul id="toc-Utilisations-sublist" class="vector-toc-list"> <li id="toc-Sur_le_Web" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Sur_le_Web"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Sur le Web</span> </div> </a> <ul id="toc-Sur_le_Web-sublist" class="vector-toc-list"> <li id="toc-Catégories_de_fils_d'Ariane" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Catégories_de_fils_d'Ariane"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.1</span> <span>Catégories de fils d'Ariane</span> </div> </a> <ul id="toc-Catégories_de_fils_d'Ariane-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Une_technique_d'accessibilité_des_contenus_web" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Une_technique_d'accessibilité_des_contenus_web"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.2</span> <span>Une technique d'accessibilité des contenus web</span> </div> </a> <ul id="toc-Une_technique_d'accessibilité_des_contenus_web-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Assistant_de_navigation" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Assistant_de_navigation"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Assistant de navigation</span> </div> </a> <ul id="toc-Assistant_de_navigation-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Cookie_crumb_(miettes_de_biscuit)" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Cookie_crumb_(miettes_de_biscuit)"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span><i><span>Cookie crumb</span></i> (miettes de biscuit)</span> </div> </a> <ul id="toc-Cookie_crumb_(miettes_de_biscuit)-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Critiques_d'ergonomie" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Critiques_d'ergonomie"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Critiques d'ergonomie</span> </div> </a> <ul id="toc-Critiques_d'ergonomie-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Notes" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Notes"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Notes</span> </div> </a> <ul id="toc-Notes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Source" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Source"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Source</span> </div> </a> <ul id="toc-Source-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Voir_aussi" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Voir_aussi"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Voir aussi</span> </div> </a> <ul id="toc-Voir_aussi-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Liens_externes_(en_anglais)" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Liens_externes_(en_anglais)"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Liens externes (en anglais)</span> </div> </a> <ul id="toc-Liens_externes_(en_anglais)-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sommaire" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Basculer la table des matières" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Basculer la table des matières</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Fil d'Ariane (ergonomie)</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Aller à un article dans une autre langue. Disponible en 25 langues." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-25" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">25 langues</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-af mw-list-item"><a href="https://af.wikipedia.org/wiki/Broodkrummels_(navigasie)" title="Broodkrummels (navigasie) – afrikaans" lang="af" hreflang="af" data-title="Broodkrummels (navigasie)" data-language-autonym="Afrikaans" data-language-local-name="afrikaans" class="interlanguage-link-target"><span>Afrikaans</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%85%D9%85%D8%B1_%D8%AA%D8%B5%D9%81%D8%AD" title="ممر تصفح – arabe" lang="ar" hreflang="ar" data-title="ممر تصفح" data-language-autonym="العربية" data-language-local-name="arabe" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/%C3%87%C3%B6r%C9%99k_q%C4%B1r%C4%B1nt%C4%B1s%C4%B1_menyusu" title="Çörək qırıntısı menyusu – azerbaïdjanais" lang="az" hreflang="az" data-title="Çörək qırıntısı menyusu" data-language-autonym="Azərbaycanca" data-language-local-name="azerbaïdjanais" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Ruta_de_navegaci%C3%B3" title="Ruta de navegació – catalan" lang="ca" hreflang="ca" data-title="Ruta de navegació" data-language-autonym="Català" data-language-local-name="catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Brotkr%C3%BCmelnavigation" title="Brotkrümelnavigation – allemand" lang="de" hreflang="de" data-title="Brotkrümelnavigation" data-language-autonym="Deutsch" data-language-local-name="allemand" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Breadcrumb_navigation" title="Breadcrumb navigation – anglais" lang="en" hreflang="en" data-title="Breadcrumb navigation" data-language-autonym="English" data-language-local-name="anglais" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Miga_de_pan_(inform%C3%A1tica)" title="Miga de pan (informática) – espagnol" lang="es" hreflang="es" data-title="Miga de pan (informática)" data-language-autonym="Español" data-language-local-name="espagnol" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%A8%D8%B1%D8%AF%DA%A9%D8%B1%D8%A7%D9%85%D8%A8" title="بردکرامب – persan" lang="fa" hreflang="fa" data-title="بردکرامب" data-language-autonym="فارسی" data-language-local-name="persan" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Linkkipolku" title="Linkkipolku – finnois" lang="fi" hreflang="fi" data-title="Linkkipolku" data-language-autonym="Suomi" data-language-local-name="finnois" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%A4%D7%99%D7%A8%D7%95%D7%A8%D7%99_%D7%9C%D7%97%D7%9D_(%D7%9E%D7%9E%D7%A9%D7%A7_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9)" title="פירורי לחם (ממשק משתמש) – hébreu" lang="he" hreflang="he" data-title="פירורי לחם (ממשק משתמש)" data-language-autonym="עברית" data-language-local-name="hébreu" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Breadcrumb" title="Breadcrumb – hongrois" lang="hu" hreflang="hu" data-title="Breadcrumb" data-language-autonym="Magyar" data-language-local-name="hongrois" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/Brau%C3%B0molasl%C3%B3%C3%B0" title="Brauðmolaslóð – islandais" lang="is" hreflang="is" data-title="Brauðmolaslóð" data-language-autonym="Íslenska" data-language-local-name="islandais" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Breadcrumb" title="Breadcrumb – italien" lang="it" hreflang="it" data-title="Breadcrumb" data-language-autonym="Italiano" data-language-local-name="italien" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88" title="パンくずリスト – japonais" lang="ja" hreflang="ja" data-title="パンくずリスト" data-language-autonym="日本語" data-language-local-name="japonais" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EC%82%AC%EC%9D%B4%ED%8A%B8_%EC%9D%B4%EB%8F%99_%EA%B2%BD%EB%A1%9C" title="사이트 이동 경로 – coréen" lang="ko" hreflang="ko" data-title="사이트 이동 경로" data-language-autonym="한국어" data-language-local-name="coréen" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Broodkruimelnavigatie" title="Broodkruimelnavigatie – néerlandais" lang="nl" hreflang="nl" data-title="Broodkruimelnavigatie" data-language-autonym="Nederlands" data-language-local-name="néerlandais" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Br%C3%B8dsmuler" title="Brødsmuler – norvégien bokmål" lang="nb" hreflang="nb" data-title="Brødsmuler" data-language-autonym="Norsk bokmål" data-language-local-name="norvégien bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Okruszki_chleba_(nawigacja)" title="Okruszki chleba (nawigacja) – polonais" lang="pl" hreflang="pl" data-title="Okruszki chleba (nawigacja)" data-language-autonym="Polski" data-language-local-name="polonais" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Navega%C3%A7%C3%A3o_estrutural" title="Navegação estrutural – portugais" lang="pt" hreflang="pt" data-title="Navegação estrutural" data-language-autonym="Português" data-language-local-name="portugais" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%9D%D0%B0%D0%B2%D0%B8%D0%B3%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%D1%86%D0%B5%D0%BF%D0%BE%D1%87%D0%BA%D0%B0" title="Навигационная цепочка – russe" lang="ru" hreflang="ru" data-title="Навигационная цепочка" data-language-autonym="Русский" data-language-local-name="russe" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Omrvinkov%C3%A1_navig%C3%A1cia" title="Omrvinková navigácia – slovaque" lang="sk" hreflang="sk" data-title="Omrvinková navigácia" data-language-autonym="Slovenčina" data-language-local-name="slovaque" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/Breadcrumb" title="Breadcrumb – turc" lang="tr" hreflang="tr" data-title="Breadcrumb" data-language-autonym="Türkçe" data-language-local-name="turc" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%9D%D0%B0%D0%B2%D1%96%D0%B3%D0%B0%D1%86%D1%96%D0%B9%D0%BD%D0%B0_%D1%81%D1%82%D0%B5%D0%B6%D0%BA%D0%B0" title="Навігаційна стежка – ukrainien" lang="uk" hreflang="uk" data-title="Навігаційна стежка" data-language-autonym="Українська" data-language-local-name="ukrainien" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-uz mw-list-item"><a href="https://uz.wikipedia.org/wiki/Breadcrumb" title="Breadcrumb – ouzbek" lang="uz" hreflang="uz" data-title="Breadcrumb" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="ouzbek" class="interlanguage-link-target"><span>Oʻzbekcha / ўзбекча</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E9%9D%A2%E5%8C%85%E5%B1%91%E5%AF%BC%E8%88%AA" title="面包屑导航 – chinois" lang="zh" hreflang="zh" data-title="面包屑导航" data-language-autonym="中文" data-language-local-name="chinois" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q846205#sitelinks-wikipedia" title="Modifier les liens interlangues" class="wbc-editpage">Modifier les liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Fil_d%27Ariane_(ergonomie)" title="Voir le contenu de la page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussion:Fil_d%27Ariane_(ergonomie)" rel="discussion" title="Discussion au sujet de cette page de contenu [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">français</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Fil_d%27Ariane_(ergonomie)"><span>Lire</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Fil_d%27Ariane_(ergonomie)"><span>Lire</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Fil_d%27Ariane_(ergonomie)" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Fil_d%27Ariane_(ergonomie)" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&oldid=220281222" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Citer&page=Fil_d%27Ariane_%28ergonomie%29&id=220281222&wpFormIdentifier=titleform" title="Informations sur la manière de citer cette page"><span>Citer cette page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FFil_d%2527Ariane_%28ergonomie%29"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FFil_d%2527Ariane_%28ergonomie%29"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Livre&bookcmd=book_creator&referer=Fil+d%27Ariane+%28ergonomie%29"><span>Créer un livre</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Fil_d%27Ariane_%28ergonomie%29&action=show-download-screen"><span>Télécharger comme PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&printable=yes" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Breadcrumb_(navigation)" hreflang="en"><span>Wikimedia Commons</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q846205" title="Lien vers l’élément dans le dépôt de données connecté [g]" accesskey="g"><span>Élément Wikidata</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Un article de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><div class="bandeau-container metadata homonymie hatnote"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span class="noviewer" typeof="mw:File"><a href="/wiki/Aide:Homonymie" title="Aide:Homonymie"><img alt="Page d’aide sur l’homonymie" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Logo_disambig.svg/20px-Logo_disambig.svg.png" decoding="async" width="20" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Logo_disambig.svg/30px-Logo_disambig.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Logo_disambig.svg/40px-Logo_disambig.svg.png 2x" data-file-width="512" data-file-height="375" /></a></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p>Pour les articles homonymes, voir <a href="/wiki/Fil_d%27Ariane" class="mw-disambig" title="Fil d'Ariane">Fil d'Ariane</a>. </p> </div></div> <div class="bandeau-container metadata bandeau-article bandeau-niveau-ebauche"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span class="noviewer" typeof="mw:File"><a href="/wiki/Fichier:Circle-icons-computer.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/35px-Circle-icons-computer.svg.png" decoding="async" width="35" height="35" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/53px-Circle-icons-computer.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/70px-Circle-icons-computer.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p><strong class="bandeau-titre">Cet article est une <a href="/wiki/Aide:%C3%89bauche" title="Aide:Ébauche">ébauche</a> concernant l’<a href="/wiki/Informatique" title="Informatique">informatique</a>.</strong> </p><p>Vous pouvez partager vos connaissances en l’améliorant (<b><a href="/wiki/Aide:Comment_modifier_une_page" title="Aide:Comment modifier une page">comment ?</a></b>) selon les recommandations des <a href="/wiki/Projet:Accueil" title="Projet:Accueil">projets correspondants</a>. </p> </div></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Breadcrumb_navigation_in_Nautilus(updated).png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Breadcrumb_navigation_in_Nautilus%28updated%29.png/220px-Breadcrumb_navigation_in_Nautilus%28updated%29.png" decoding="async" width="220" height="128" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Breadcrumb_navigation_in_Nautilus%28updated%29.png/330px-Breadcrumb_navigation_in_Nautilus%28updated%29.png 1.5x, //upload.wikimedia.org/wikipedia/commons/1/1c/Breadcrumb_navigation_in_Nautilus%28updated%29.png 2x" data-file-width="357" data-file-height="207" /></a><figcaption>Exemple de fil d’Ariane sur l'interface graphique de <a href="/wiki/Nautilus_(logiciel)" class="mw-redirect" title="Nautilus (logiciel)">Nautilus</a></figcaption></figure> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Dolphin_barra_indirizzi.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Dolphin_barra_indirizzi.png/220px-Dolphin_barra_indirizzi.png" decoding="async" width="220" height="17" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/b/b8/Dolphin_barra_indirizzi.png 1.5x" data-file-width="317" data-file-height="25" /></a><figcaption>Fil d’Ariane du gestionnaire de fichiers Dolphin</figcaption></figure> <p>Un <b>fil d’Ariane</b> (en <a href="/wiki/Anglais" title="Anglais">anglais</a>, <i>trail of breadcrumbs</i> ou <i><span class="lang-en" lang="en">breadcrumb trail</span></i>, « chemin de miettes de pain », voir section « <a href="#Étymologie">étymologie</a> » ci-dessous) est, en <a href="/wiki/Ergonomie" title="Ergonomie">ergonomie</a> et plus particulièrement de nos jours dans le domaine de la conception d’<a href="/wiki/Interface_homme-machine" class="mw-redirect" title="Interface homme-machine">interfaces informatiques</a>, une aide à la navigation sous forme de signalisation de la localisation du lecteur dans un document (très souvent, une <a href="/wiki/Page_web" title="Page web">page</a> de <a href="/wiki/Site_web" title="Site web">site web</a>). Leur but est de donner aux utilisateurs un moyen de garder une trace de leur emplacement à l'intérieur de programmes, documents ou pages Web. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Étymologie"><span id=".C3.89tymologie"></span>Étymologie</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=1" title="Modifier la section : Étymologie" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=1" title="Modifier le code source de la section : Étymologie"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le nom <i>fil d’Ariane</i> provient de l’<a href="/wiki/Ariane_(mythologie)" title="Ariane (mythologie)">Ariane</a> de la <a href="/wiki/Mythologie_grecque" title="Mythologie grecque">mythologie grecque</a>, dont le <a href="/wiki/Fil_textile" title="Fil textile">fil</a> sauva <a href="/wiki/Th%C3%A9s%C3%A9e" title="Thésée">Thésée</a> dans le <a href="/wiki/Labyrinthe" title="Labyrinthe">Labyrinthe</a> en lui permettant de revenir sur ses pas jusqu'à l'entrée. Le terme anglais <i>breadcrumb trail</i> (« chemin de miettes de pain ») vient des traces formées de miettes de pain que laissèrent <a href="/wiki/Hansel_et_Gretel" title="Hansel et Gretel">Hansel et Gretel</a> dans le conte populaire bien connu des <a href="/wiki/Jacob_et_Wilhelm_Grimm" class="mw-redirect" title="Jacob et Wilhelm Grimm">frères Grimm</a> (tout comme dans l'histoire du <a href="/wiki/Petit_Poucet" class="mw-redirect" title="Petit Poucet">Petit Poucet</a> de <a href="/wiki/Charles_Perrault" title="Charles Perrault">Charles Perrault</a>, plus connue des Français). </p> <div class="mw-heading mw-heading2"><h2 id="Utilisations">Utilisations</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=2" title="Modifier la section : Utilisations" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=2" title="Modifier le code source de la section : Utilisations"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Sur_le_Web">Sur le Web</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=3" title="Modifier la section : Sur le Web" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=3" title="Modifier le code source de la section : Sur le Web"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Les fils d’Ariane apparaissent généralement en haut d'une page web, à l'horizontale, usuellement sous une <a href="/wiki/Barre_de_titre" title="Barre de titre">barre de titre</a> ou les en-têtes de page. Ils fournissent des liens en arrière sur chaque étape (page) parcourue par l'utilisateur au fil de sa navigation à travers l'interface afin de pouvoir se positionner au sein du site et éventuellement revenir sur ses pas jusqu'au point d'entrée (de départ) du site web. </p><p>Les fils d’Ariane sont souvent générés automatiquement. Par exemple, un fil d’Ariane dans un site web graphique pourrait ressembler à ceci : </p><p><span style="display: block; padding: 0.3em; margin-left: 1.3em">>> Accueil > Émissions > Jeunesse > Téléachat</span> </p><p>Sur un site web, un fil d'Ariane représente l'arborescence des rubriques que le visiteur a traversées depuis la <a href="/wiki/Page_d%27accueil" title="Page d'accueil">page d'accueil</a>. </p><p>Par exemple, l’annuaire libre <a href="/wiki/Open_Directory_Project" class="mw-redirect" title="Open Directory Project">dmoz</a> utilise les fils d’Ariane (<a rel="nofollow" class="external text" href="http://dmoztools.net/World/Français/Informatique/Internet/">voir un exemple</a>). </p> <div class="mw-heading mw-heading4"><h4 id="Catégories_de_fils_d'Ariane"><span id="Cat.C3.A9gories_de_fils_d.27Ariane"></span>Catégories de fils d'Ariane</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=4" title="Modifier la section : Catégories de fils d'Ariane" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=4" title="Modifier le code source de la section : Catégories de fils d'Ariane"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Il existe trois types de fils d’Ariane pour sites web : </p> <ul><li>Chemin (<i><span class="lang-en" lang="en">path</span></i>) : les fils d’Ariane de chemin sont dynamiques et montrent le chemin que l'utilisateur a parcouru pour arriver jusqu'à cette page.</li> <li>Emplacement (<i><span class="lang-en" lang="en">location</span></i>) : les fils d’Ariane d’emplacement sont statiques et montrent où la page se situe dans la hiérarchie du site web.</li> <li>Attribut (<i><span class="lang-en" lang="en">attribute</span></i>) : les fils d’Ariane d’attribut donnent des informations sur la catégorie de la page courante.</li></ul> <div class="mw-heading mw-heading4"><h4 id="Une_technique_d'accessibilité_des_contenus_web"><span id="Une_technique_d.27accessibilit.C3.A9_des_contenus_web"></span>Une technique d'accessibilité des contenus web</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=5" title="Modifier la section : Une technique d'accessibilité des contenus web" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=5" title="Modifier le code source de la section : Une technique d'accessibilité des contenus web"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Les fils d'Ariane du type emplacement sont une des techniques de base d'accessibilité des contenus Web : ils permettent en effet de répondre à l'un des critères de succès des <a href="/wiki/Accessibilit%C3%A9_du_web" title="Accessibilité du web">Règles pour l'accessibilité des contenus Web (WCAG) 2.0</a>, selon lequel « l'utilisateur dispose d'informations pour se situer dans un ensemble de pages web »<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite_crochet">[</span>1<span class="cite_crochet">]</span></a></sup>. </p> <div class="mw-heading mw-heading3"><h3 id="Assistant_de_navigation">Assistant de navigation</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=6" title="Modifier la section : Assistant de navigation" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=6" title="Modifier le code source de la section : Assistant de navigation"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Les <a href="/wiki/Assistant_de_navigation" class="mw-redirect" title="Assistant de navigation">assistants de navigation</a> (GPS) et outils dérivés peuvent garder une trace des déplacements effectués par un GPS en enregistrant les positions du voyageur à certains moments et en les présentant sur l’<a href="/wiki/%C3%89cran_d%27ordinateur" title="Écran d'ordinateur">écran d’affichage</a> par un fil d’Ariane rassemblant les marqueurs de position. </p> <div class="mw-heading mw-heading2"><h2 id="Cookie_crumb_(miettes_de_biscuit)"><span id="Cookie_crumb_.28miettes_de_biscuit.29"></span><i><span class="lang-en" lang="en">Cookie crumb</span></i> (miettes de biscuit)</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=7" title="Modifier la section : Cookie crumb (miettes de biscuit)" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=7" title="Modifier le code source de la section : Cookie crumb (miettes de biscuit)"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Certains commentateurs et programmeurs utilisent alternativement le terme de « <span class="lang-en" lang="en">cookie crumb</span> » (ou certaines variantes) en tant que synonyme pour décrire la technique de navigation mentionnée précédemment mais cet usage est considéré comme incorrect et le plus souvent représente une déformation de la <a href="/wiki/M%C3%A9taphore" title="Métaphore">métaphore</a> originale de « <span class="lang-en" lang="en">breadcrumb</span> ». Cette mauvaise utilisation est de plus problématique car le « <span class="lang-en" lang="en">cookie crumb</span> » est souvent utilisé pour décrire une date ou un paramètre à l'intérieur d'un <a href="/wiki/T%C3%A9moin_de_connexion" class="mw-redirect" title="Témoin de connexion">témoin de connexion</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Critiques_d'ergonomie"><span id="Critiques_d.27ergonomie"></span>Critiques d'ergonomie</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=8" title="Modifier la section : Critiques d'ergonomie" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=8" title="Modifier le code source de la section : Critiques d'ergonomie"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Certains commentateurs<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite_crochet">[</span>2<span class="cite_crochet">]</span></a></sup> critiquent les fils d’Ariane de type « chemin » parce qu'ils dupliquent les fonctionnalités qui existent déjà dans le navigateur, par exemple le bouton « retour » (<span class="lang-en" lang="en">back</span>) et l'historique de navigation. </p><p>De plus, dans un stockage hiérarchique, un fil d'Ariane ne fournit pas d'accès fixe au parent immédiat : l'utilisateur doit examiner le fil pour trouver l'emplacement du bon lien. </p><p>Les fils d’Ariane de type « emplacement » ne sont pas nécessairement appropriés pour les sites dont le contenu est tellement riche qu'une seule catégorie ne suffit pas à décrire totalement une partie précise. C'est une situation courante dans les sites qui mettent en œuvre le <a href="/wiki/Paradigme" title="Paradigme">paradigme</a> basé sur la recherche (par exemple <a href="/wiki/Amazon.com" class="mw-redirect" title="Amazon.com">Amazon</a>). </p> <div class="mw-heading mw-heading2"><h2 id="Notes">Notes</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=9" title="Modifier la section : Notes" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=9" title="Modifier le code source de la section : Notes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink noprint"><a href="#cite_ref-1">↑</a> </span><span class="reference-text"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G65"><span class="lang-en" lang="en">G65 : Providing a breadcrumb trail</span></a>, <span class="lang-en" lang="en">Techniques for WCAG 2.0</span>, <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a>.</span> </li> <li id="cite_note-2"><span class="mw-cite-backlink noprint"><a href="#cite_ref-2">↑</a> </span><span class="reference-text"><a href="/wiki/Jakob_Nielsen" title="Jakob Nielsen">Jakob Nielsen</a>, « <a rel="nofollow" class="external text" href="http://www.useit.com/alertbox/breadcrumbs.html"><span class="lang-en" lang="en">Breadcrumb navigation increasingly useful</span></a> », sur useit.com, 10 avril 2007.</span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="Source">Source</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=10" title="Modifier la section : Source" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=10" title="Modifier le code source de la section : Source"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> Cet article est partiellement ou en totalité issu de l’article de Wikipédia en anglais intitulé <span class="plainlinks">« <a class="external text" href="https://en.wikipedia.org/wiki/Breadcrumb_(navigation)?oldid=393186399">Breadcrumb (navigation)</a> » <small>(<a class="external text" href="https://en.wikipedia.org/wiki/Breadcrumb_(navigation)?action=history">voir la liste des auteurs</a>)</small></span>.</li></ul> <div class="mw-heading mw-heading2"><h2 id="Voir_aussi">Voir aussi</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=11" title="Modifier la section : Voir aussi" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=11" title="Modifier le code source de la section : Voir aussi"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r194021218">.mw-parser-output .autres-projets>.titre{text-align:center;margin:0.2em 0}.mw-parser-output .autres-projets>ul{margin:0;padding:0}.mw-parser-output .autres-projets>ul>li{list-style:none;margin:0.2em 0;text-indent:0;padding-left:24px;min-height:20px;text-align:left;display:block}.mw-parser-output .autres-projets>ul>li>a{font-style:italic}@media(max-width:720px){.mw-parser-output .autres-projets{float:none}}</style><div class="autres-projets boite-grise boite-a-droite noprint js-interprojets"> <p class="titre">Sur les autres projets Wikimedia :</p> <ul class="noarchive plainlinks"> <li class="commons"><a class="external text" href="https://commons.wikimedia.org/wiki/category:Breadcrumb_(navigation)?uselang=fr">Fil d'Ariane (ergonomie)</a>, sur <span class="project">Wikimedia Commons</span></li> </ul> </div> <ul><li><a href="/wiki/Vous_%C3%AAtes_ici" title="Vous êtes ici">Vous êtes ici</a></li> <li><a href="/wiki/Utilisabilit%C3%A9" title="Utilisabilité">Utilisabilité</a></li> <li><a href="/wiki/Ergonomie_informatique" class="mw-redirect" title="Ergonomie informatique">Ergonomie informatique</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="Liens_externes_(en_anglais)"><span id="Liens_externes_.28en_anglais.29"></span>Liens externes (en anglais)</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&veaction=edit&section=12" title="Modifier la section : Liens externes (en anglais)" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Fil_d%27Ariane_(ergonomie)&action=edit&section=12" title="Modifier le code source de la section : Liens externes (en anglais)"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="http://www.webdesignpractices.com/navigation/breadcrumb.html"><i>Breadcrumb Navigation</i> - Statistics</a> par Heidi Adkisson, 2002.</li> <li><a rel="nofollow" class="external text" href="http://psychology.wichita.edu/surl/usabilitynews/52/breadcrumb.htm"><i>Breadcrumb Navigation: Further Investigation of Usage</i></a> par Bonnie Lida Rogers and Barbara Chaparro, 2003</li> <li><a rel="nofollow" class="external text" href="http://psychology.wichita.edu/surl/usabilitynews/61/breadcrumb.htm"><i>Influence of Training and Exposure on the Usage of Breadcrumb Navigation</i></a> par Spring S. Hull, 2004</li> <li><a rel="nofollow" class="external text" href="http://user-experience.org/uefiles/breadcrumbs/"><i>Location, Path & Attribute Breadcrumbs</i></a> par Keith Instone</li> <li><a rel="nofollow" class="external text" href="http://hdl.handle.net/1901/433"><i>Breadcrumb Navigation Deployment in Retail Web Sites</i></a> par Sean Aery, 2007</li></ul> <div class="navbox-container" style="clear:both;"> <table class="navbox collapsible noprint autocollapse" style=""> <tbody><tr><th class="navbox-title" colspan="2" style=""><div style="float:left; width:6em; text-align:left"><div class="noprint plainlinks nowrap tnavbar" style="padding:0; font-size:xx-small; color:var(--color-emphasized, #000000);"><a href="/wiki/Mod%C3%A8le:Palette_Interface_graphique" title="Modèle:Palette Interface graphique"><abbr class="abbr" title="Voir ce modèle.">v</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Palette_Interface_graphique&action=edit"><abbr class="abbr" title="Modifier ce modèle. Merci de prévisualiser avant de sauvegarder.">m</abbr></a></div></div><div style="font-size:110%"><a href="/wiki/Composant_d%27interface_graphique" title="Composant d'interface graphique">Composants</a> des <a href="/wiki/Interface_graphique" title="Interface graphique">interfaces graphiques</a></div></th> </tr> <tr> <th class="navbox-group" style="">Commandes</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Bouton_(informatique)" title="Bouton (informatique)">Bouton</a></li> <li><a href="/wiki/Menu_(informatique)" title="Menu (informatique)">Menu</a></li> <li><a href="/wiki/Menu_circulaire" title="Menu circulaire">Menu circulaire</a></li> <li><a href="/wiki/Menu_contextuel" title="Menu contextuel">Menu contextuel</a></li> <li><a href="/wiki/%C3%89cran_d%27accueil" title="Écran d'accueil">Écran d'accueil</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Données</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Bo%C3%AEte_combin%C3%A9e" title="Boîte combinée">Boîte combinée</a></li> <li><a href="/wiki/Bouton_fl%C3%A9ch%C3%A9" title="Bouton fléché">Bouton fléché</a></li> <li><a href="/wiki/Bouton_radio" title="Bouton radio">Bouton radio</a></li> <li><a href="/wiki/Case_%C3%A0_cocher" title="Case à cocher">Case à cocher</a></li> <li><a href="/wiki/Liste_d%C3%A9roulante" title="Liste déroulante">Liste déroulante</a></li> <li><span class="lang-en" lang="en"><a href="/wiki/Slider_(informatique)" title="Slider (informatique)">Slider</a></span> <ul><li><span class="lang-en" lang="en"><a href="/wiki/Progress_slider" title="Progress slider">Progress slider</a></span></li></ul></li> <li><a href="/wiki/Tableau_synoptique" title="Tableau synoptique">Tableau synoptique</a></li> <li><a href="/wiki/Zone_de_texte" title="Zone de texte">Zone de texte</a></li> <li><a href="/wiki/Zone_de_liste" title="Zone de liste">Zone de liste</a></li> <li><a href="/wiki/Champ_de_recherche" title="Champ de recherche">Champ de recherche</a> <ul><li><a href="/wiki/Recherche_d%C3%A9limit%C3%A9e" title="Recherche délimitée">Recherche délimitée</a></li> <li><a href="/wiki/Recherche_incr%C3%A9mentale" title="Recherche incrémentale">Recherche incrémentale</a></li></ul></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Informations</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Barre_de_titre" title="Barre de titre">Barre de titre</a></li> <li><a href="/wiki/Barre_d%27%C3%A9tat" title="Barre d'état">Barre d’état</a></li> <li><a href="/wiki/Barre_de_progression" title="Barre de progression">Barre de progression</a></li> <li><a href="/wiki/Barre_d%27information" title="Barre d'information">Barre d’information</a></li> <li><a href="/wiki/%C3%89tiquette_(interface_graphique)" title="Étiquette (interface graphique)">Étiquette</a></li> <li><a href="/wiki/Ic%C3%B4ne_(informatique)" title="Icône (informatique)">Icône</a></li> <li><a href="/wiki/Infobulle" title="Infobulle">Infobulle/bulle d’aide</a></li> <li><a href="/wiki/Indicateur_d%27activit%C3%A9" title="Indicateur d'activité">Indicateur d’activité</a></li> <li><a href="/wiki/Bulle_de_notification" title="Bulle de notification">Bulle de notification</a></li> <li><a href="/wiki/Zone_de_notification" title="Zone de notification">Zone de notification</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Groupement</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Barre_de_menu" title="Barre de menu">Barre de menu</a></li> <li><a href="/wiki/Menu_lat%C3%A9ral" title="Menu latéral">Menu latéral</a></li> <li><a href="/wiki/Barre_d%27outils" title="Barre d'outils">Barre d’outils</a></li> <li><a href="/wiki/Fen%C3%AAtre_(informatique)" title="Fenêtre (informatique)">Fenêtre</a></li> <li><a href="/wiki/Onglet_(informatique)" title="Onglet (informatique)">Onglet</a></li> <li><a href="/wiki/Ruban_(informatique)" title="Ruban (informatique)">Ruban</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Navigation</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Arborescence" title="Arborescence">Arborescence</a></li> <li><a href="/wiki/Barre_d%27adresse" title="Barre d'adresse">Barre d’adresse</a></li> <li><a href="/wiki/Barre_de_d%C3%A9filement" title="Barre de défilement">Barre de défilement</a></li> <li><a href="/wiki/Zone_de_navigation" title="Zone de navigation">Zone de navigation</a></li> <li><a class="mw-selflink selflink">Fil d’Ariane</a></li> <li><a href="/wiki/Hyperlien" title="Hyperlien">Hyperlien</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Fenêtres spéciales</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/%C3%80_propos_de" title="À propos de">À propos de</a></li> <li><a href="/wiki/Bo%C3%AEte_de_dialogue" title="Boîte de dialogue">Boîte de dialogue</a></li> <li><a href="/wiki/Bo%C3%AEte_de_dialogue_de_fichier" title="Boîte de dialogue de fichier">Boîte de dialogue de fichier</a></li> <li><a href="/wiki/Fen%C3%AAtre_modale" title="Fenêtre modale">Fenêtre modale</a></li> <li><a href="/wiki/Fen%C3%AAtre_flottante" title="Fenêtre flottante">Fenêtre flottante</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Autres</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Toolkit" title="Toolkit">Boîte à outils</a></li> <li><a href="/wiki/Ic%C3%B4ne_(informatique)" title="Icône (informatique)">Icône</a></li> <li><a href="/wiki/Widget_interactif" title="Widget interactif">Widget interactif</a></li> <li><a href="/wiki/Visualisation_de_donn%C3%A9es" title="Visualisation de données">Graphiques</a></li></ul> </div></td> </tr> </tbody></table> </div> <ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"><a href="/wiki/Portail:Informatique" title="Portail de l’informatique"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/24px-Circle-icons-computer.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/36px-Circle-icons-computer.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/48px-Circle-icons-computer.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:Informatique" title="Portail:Informatique">Portail de l’informatique</a></span> </span></li> </ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Fil_d%27Ariane_(ergonomie)&oldid=220281222">https://fr.wikipedia.org/w/index.php?title=Fil_d%27Ariane_(ergonomie)&oldid=220281222</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégories</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Interface_utilisateur" title="Catégorie:Interface utilisateur">Interface utilisateur</a></li><li><a href="/wiki/Cat%C3%A9gorie:Interaction_homme-machine" title="Catégorie:Interaction homme-machine">Interaction homme-machine</a></li><li><a href="/wiki/Cat%C3%A9gorie:Utilisabilit%C3%A9" title="Catégorie:Utilisabilité">Utilisabilité</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Catégories cachées : <ul><li><a href="/wiki/Cat%C3%A9gorie:Wikip%C3%A9dia:%C3%A9bauche_informatique" title="Catégorie:Wikipédia:ébauche informatique">Wikipédia:ébauche informatique</a></li><li><a href="/wiki/Cat%C3%A9gorie:Cat%C3%A9gorie_Commons_avec_lien_local_identique_sur_Wikidata" title="Catégorie:Catégorie Commons avec lien local identique sur Wikidata">Catégorie Commons avec lien local identique sur Wikidata</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Informatique/Articles_li%C3%A9s" title="Catégorie:Portail:Informatique/Articles liés">Portail:Informatique/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Technologies/Articles_li%C3%A9s" title="Catégorie:Portail:Technologies/Articles liés">Portail:Technologies/Articles liés</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 14 novembre 2024 à 10:29.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. En cas de réutilisation des textes de cette page, voyez <a href="/wiki/Sp%C3%A9cial:Citer/Fil_d%27Ariane_(ergonomie)" title="Spécial:Citer/Fil d'Ariane (ergonomie)">comment citer les auteurs et mentionner la licence</a>.<br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Fil_d%27Ariane_(ergonomie)&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-qdh76","wgBackendResponseTime":465,"wgPageParseReport":{"limitreport":{"cputime":"0.215","walltime":"0.289","ppvisitednodes":{"value":1171,"limit":1000000},"postexpandincludesize":{"value":34447,"limit":2097152},"templateargumentsize":{"value":6306,"limit":2097152},"expansiondepth":{"value":13,"limit":100},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":1782,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 238.011 1 -total"," 23.39% 55.673 1 Modèle:Ébauche"," 15.88% 37.798 14 Modèle:Lang"," 15.42% 36.712 1 Modèle:Palette"," 15.25% 36.300 1 Modèle:Portail"," 14.20% 33.787 1 Modèle:Voir_homonymes"," 13.36% 31.799 1 Modèle:Méta_bandeau_de_note"," 13.14% 31.286 1 Modèle:Palette_Interface_graphique"," 12.68% 30.170 1 Modèle:Méta_bandeau"," 8.12% 19.319 1 Modèle:Suivi_des_biographies"]},"scribunto":{"limitreport-timeusage":{"value":"0.093","limit":"10.000"},"limitreport-memusage":{"value":5473828,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-f69cdc8f6-qdh76","timestamp":"20241123235359","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Fil d'Ariane (ergonomie)","url":"https:\/\/fr.wikipedia.org\/wiki\/Fil_d%27Ariane_(ergonomie)","sameAs":"http:\/\/www.wikidata.org\/entity\/Q846205","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q846205","author":{"@type":"Organization","name":"Contributeurs aux projets Wikimedia"},"publisher":{"@type":"Organization","name":"Fondation Wikimedia, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2006-04-02T13:31:53Z","dateModified":"2024-11-14T09:29:06Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/1c\/Breadcrumb_navigation_in_Nautilus%28updated%29.png","headline":"aide \u00e0 la navigation sous forme de signalisation de la localisation du lecteur dans un document"}</script> </body> </html>