Duonos trupiniai
Nurodykite dabartinio puslapio vietą naršymo hierarchijoje, kuri automatiškai prideda skyriklius per CSS.
Atskyrikliai automatiškai pridedami CSS naudojant ::before
ir content
. Juos galima keisti keičiant $breadcrumb-divider
. Citatos funkcija reikalinga kabutėms aplink eilutę generuoti, taigi, jei norite >
kaip skyriklį, galite naudoti šį:
$breadcrumb-divider: quote(">");
Taip pat galima naudoti base64 įterptąją SVG piktogramą :
$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);
Atskyriklis gali būti pašalintas $breadcrumb-divider
nustatant none
:
$breadcrumb-divider: none;
Kadangi naršymas suteikia naršymo funkciją, naudinga pridėti prasmingą etiketę, aria-label="breadcrumb"
kuri apibūdintų elemente pateiktą naršymo tipą <nav>
, taip pat aria-current="page"
paskutiniam rinkinio elementui pritaikyti ženklą, nurodant, kad jis atstovauja dabartiniam puslapiui.
Norėdami gauti daugiau informacijos, žr. WAI-ARIA kūrimo praktiką, skirtą naršymo kelio modeliui .