Abodoo a wɔayam

Kyerɛ beae a krataafa a ɛwɔ hɔ mprempren no wɔ wɔ akwantu nhyehyɛe bi a ɛde mpaapaemu ahorow ka ho ankasa denam CSS so.

Nsɛm a Wɔaka abom

Wɔde separators ka ho ankasa wɔ CSS mu denam ::beforene content.

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
  </ol>
</nav>

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Library</li>
  </ol>
</nav>

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Library</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</nav>

Nneɛma a wotumi nya

Esiane sɛ breadcrumbs ma navigation nti, ɛyɛ adwene pa sɛ wode label a ntease wom bɛka ho te sɛ aria-label="breadcrumb"nea wobɛkyerɛkyerɛ navigation ko a wɔde ama wɔ <nav>element no mu, ne sɛnea wode an bedi dwuma aria-current="page"wɔ ade a etwa to wɔ set no mu de akyerɛ sɛ egyina hɔ ma krataafa a ɛwɔ hɔ mprempren no.

Sɛ wopɛ nsɛm pii a, hwɛ WAI-ARIA Authoring Practices ma breadcrumb pattern no .