Panpeceto
Indiku la lokon de la aktuala paĝo ene de navigacia hierarkio, kiu aŭtomate aldonas apartigilojn per CSS.
Ekzemplo
Ŝanĝi la apartigilon
Apartigiloj estas aŭtomate aldonitaj en CSS per ::before
kaj content
. Ili povas esti ŝanĝitaj per ŝanĝado $breadcrumb-divider
. La citaĵofunkcio necesas por generi la citaĵojn ĉirkaŭ ĉeno, do se vi volas >
kiel apartigilon, vi povas uzi ĉi tion:
$breadcrumb-divider: quote(">");
Ankaŭ eblas uzi base64 enigitan SVG-ikonon :
$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);
La apartigilo povas esti forigita per agordo $breadcrumb-divider
al none
:
$breadcrumb-divider: none;
Alirebleco
Ĉar panpecetoj disponigas navigadon, estas bona ideo aldoni signifan etikedon kiel ekzemple aria-label="breadcrumb"
priskribi la specon de navigado disponigita en la <nav>
elemento, same kiel apliki aria-current="page"
al la lasta ero de la aro por indiki ke ĝi reprezentas la nunan paĝon.
Por pliaj informoj, vidu la Praktikojn de Aŭtorado de WAI-ARIA por la paneto-ŝablono .